update files

This commit is contained in:
nuintun 2015-11-23 16:28:12 +08:00
parent 034871ef5d
commit 51a559c320
5 changed files with 25 additions and 7 deletions

View File

@ -9,14 +9,24 @@
</head> </head>
<body id="app" class="fn-clear"> <body id="app" class="fn-clear">
<header class="fn-clear"> <header class="fn-clear">
<app-configure :configure.sync="configure" :unique-projects.sync="uniqueProjects"></app-configure> <app-configure
:configure.sync="configure"
:unique-projects.sync="uniqueProjects">
</app-configure>
<window-control></window-control> <window-control></window-control>
</header> </header>
<nav class="ui-project-tree fn-left"> <nav class="ui-project-tree fn-left">
<app-nav :configure.sync="configure" :active-index.sync="activeIndex"></app-nav> <app-nav
:configure.sync="configure"
:active-index.sync="activeIndex">
</app-nav>
</nav> </nav>
<main class="ui-project-main fn-right"> <main class="ui-project-main fn-right">
<app-main :active-index="activeIndex" :projects.sync="configure.projects" :unique-projects.sync="uniqueProjects"></app-main> <app-main
:active-index.sync="activeIndex"
:projects.sync="configure.projects"
:unique-projects.sync="uniqueProjects">
</app-main>
</main> </main>
</body> </body>
</html> </html>

View File

@ -357,7 +357,11 @@ header [class*=" icon-"] {
color: #333; color: #333;
} }
.ui-command a { .ui-command a {
padding: 0 6px; padding: 0 10px;
max-width: 130px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
} }
.ui-command-more .icon-expand { .ui-command-more .icon-expand {
font-size: 24px; font-size: 24px;

View File

@ -1,4 +1,7 @@
<project-configure :show.sync="showSetting" :project="project" :unique-projects.sync="uniqueProjects"> <project-configure
:show.sync="showSetting"
:project="project"
:unique-projects.sync="uniqueProjects">
</project-configure> </project-configure>
<div class="ui-project-stage"> <div class="ui-project-stage">
<div class="ui-control-bar fn-clear"> <div class="ui-control-bar fn-clear">
@ -8,7 +11,7 @@
</div> </div>
<div class="fn-right"> <div class="fn-right">
<ul class="ui-command fn-clear"> <ul class="ui-command fn-clear">
<li v-for="cmd in comand"> <li v-for="cmd in command">
<a href="javascript:;"> <a href="javascript:;">
<i class="icon-play"></i> <i class="icon-play"></i>
{{ cmd.name }} {{ cmd.name }}

View File

@ -14,6 +14,7 @@ module.exports = Vue.component('app-main', {
props: { props: {
activeIndex: { activeIndex: {
type: Number, type: Number,
twoWay: true,
required: true required: true
}, },
projects: { projects: {
@ -52,7 +53,6 @@ module.exports = Vue.component('app-main', {
return JSON.parse(JSON.stringify(project)); return JSON.parse(JSON.stringify(project));
}, },
command: function (){ command: function (){
console.log(this.project.command.slice(0, 3));
return this.project.command.slice(0, 3); return this.project.command.slice(0, 3);
}, },
moreCommand: function (){ moreCommand: function (){

View File

@ -58,6 +58,7 @@ module.exports = Vue.component('project-configure', {
// clean error // clean error
this.submitError = ''; this.submitError = '';
this.show = false;
// send message // send message
this.$dispatch('edit', this.projectClone); this.$dispatch('edit', this.projectClone);
} }