diff --git a/index.html b/index.html
index 01cf94b..d2a3546 100644
--- a/index.html
+++ b/index.html
@@ -28,5 +28,6 @@
         :unique-projects.sync="uniqueProjects">
       </app-main>
     </main>
+    <no-data :projects="configure.projects"></no-data>
   </body>
 </html>
diff --git a/static/css/index.css b/static/css/index.css
index e64447b..89fad40 100644
--- a/static/css/index.css
+++ b/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;
+}
diff --git a/static/images/no-data.png b/static/images/no-data.png
new file mode 100644
index 0000000..769d6d4
Binary files /dev/null and b/static/images/no-data.png differ
diff --git a/static/js/app/index.js b/static/js/app/index.js
index 8c3fb27..f1c9e0e 100644
--- a/static/js/app/index.js
+++ b/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;
diff --git a/static/js/components/app-main/index.js b/static/js/components/app-main/index.js
index e94b3ed..6ab2613 100644
--- a/static/js/components/app-main/index.js
+++ b/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');
diff --git a/static/js/components/no-data/index.js b/static/js/components/no-data/index.js
new file mode 100644
index 0000000..0b77185
--- /dev/null
+++ b/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
+    }
+  }
+});
diff --git a/static/js/components/no-data/no-data.html b/static/js/components/no-data/no-data.html
new file mode 100644
index 0000000..c274196
--- /dev/null
+++ b/static/js/components/no-data/no-data.html
@@ -0,0 +1 @@
+<div v-if="!projects.length" title="暂无数据" class="ui-no-data"></div>
\ No newline at end of file