update files

index.html

@@ -28,5 +28,6 @@
         :unique-projects.sync="uniqueProjects">
       </app-main>
     </main>
+    <no-data :projects="configure.projects"></no-data>
   </body>
 </html>

static/css/index.css

@@ -149,7 +149,9 @@ input[type=text]:focus {
 }
 html,
 body {
-  width: 100%; height: 100%; overflow: hidden;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
 }
 body {
   border: 1px solid #ccc;
@@ -486,3 +488,11 @@ header [class*=" icon-"] {
   text-align: center;
   padding: 0 0 15px;
 }
+.ui-no-data {
+  position: absolute;
+  top: 32px;
+  left: 0;
+  width: 100%;
+  height: calc(100% - 32px);
+  background: url(../images/no-data.png) center no-repeat;
+}

static/js/app/index.js

@@ -12,6 +12,7 @@ require('../components/app-configure');
 require('../components/window-control');
 require('../components/app-nav');
 require('../components/app-main');
+require('../components/no-data');
 
 window.addEventListener('DOMContentLoaded', function (){
   var app;

static/js/components/app-main/index.js

@@ -2,6 +2,7 @@
  * Created by nuintun on 2015/11/20.
  */
 
+'use strict';
 
 var fs = require('fs');
 var path = require('path');

static/js/components/no-data/index.js

@@ -0,0 +1,19 @@
+/**
+ * Created by nuintun on 2015/11/23.
+ */
+
+'use strict';
+
+var fs = require('fs');
+var path = require('path');
+var Vue = require('../../vue/vue');
+
+module.exports = Vue.component('no-data', {
+  template: fs.readFileSync(path.join(__dirname, 'no-data.html')).toString(),
+  props: {
+    projects: {
+      type: Array,
+      required: true
+    }
+  }
+});

static/js/components/no-data/no-data.html

@@ -0,0 +1 @@
+<div v-if="!projects.length" title="暂无数据" class="ui-no-data"></div>