add example page

2017-06-26 18:45:30 +08:00
parent 40a5977d1f
commit 2bc84413e3
6 changed files with 170 additions and 12 deletions
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,7 +1,8 @@
 <template>
-    <div class="dashboard-container">
-      {{name}}
-    </div>
+  <div class="dashboard-container">
+    <div class='dashboard-text'>name:{{name}}</div>
+    <div class='dashboard-text'>role:<span v-for='role in roles' :key='role'>{{role}}</span></div>
+  </div>
 </template>

 <script>
@@ -16,3 +17,15 @@
      }
    }
 </script>
+
+<style rel="stylesheet/scss" lang="scss">
+.dashboard {
+  &-container {
+    margin: 30px;
+  }
+  &-text {
+    font-size: 30px;
+    line-height: 46px;
+  }
+}
+</style>