From 87839e7fb304d805a0c0276093e7b26f6ae9789f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=9D=A8?= <1711467488@qq.com>
Date: Mon, 15 Jan 2018 17:17:22 +0800
Subject: [PATCH] no message

---
 .../plugins/mock/componnets/MockDemoCard.vue  |  1 +
 src/pages/demo/plugins/papaParse/demo.vue     | 43 ++++++++++++-------
 .../demo/plugins/vue-grid-layout/demo.vue     |  8 ++--
 3 files changed, 32 insertions(+), 20 deletions(-)

diff --git a/src/pages/demo/plugins/mock/componnets/MockDemoCard.vue b/src/pages/demo/plugins/mock/componnets/MockDemoCard.vue
index 3e7ff7f0..d0ef2093 100644
--- a/src/pages/demo/plugins/mock/componnets/MockDemoCard.vue
+++ b/src/pages/demo/plugins/mock/componnets/MockDemoCard.vue
@@ -50,6 +50,7 @@ export default {
   border-radius: $border-radius;
   border-width: 1px;
   border-style: solid;
+  font-size: 16px;
 }
 .col-l {
   background-color: lighten($color-info, 40%);
diff --git a/src/pages/demo/plugins/papaParse/demo.vue b/src/pages/demo/plugins/papaParse/demo.vue
index 6820436b..bf6133fa 100644
--- a/src/pages/demo/plugins/papaParse/demo.vue
+++ b/src/pages/demo/plugins/papaParse/demo.vue
@@ -5,22 +5,30 @@
       title="基本示例"
       url="https://github.com/mholt/PapaParse">
     </PageHeader>
-    <el-upload
-      :before-upload="handleUpload"
-      action="default">
-      <el-button>选择一个CSV文件</el-button>
-    </el-upload>
-    <br>
-    <el-table
-      v-bind="table"
-      style="width: 100%">
-      <el-table-column
-        v-for="(item, index) in table.columns"
-        :key="index"
-        :prop="item.prop"
-        :label="item.label">
-      </el-table-column>
-    </el-table>
+    <el-row :gutter="10">
+      <el-col :span="4">
+        <div class="mb">
+          <el-button @click="download">下载演示CSV</el-button>
+        </div>
+        <el-upload
+          :before-upload="handleUpload"
+          action="default">
+          <el-button type="success">选择本地CSV文件</el-button>
+        </el-upload>
+      </el-col>
+      <el-col :span="20">
+        <el-table
+          v-bind="table"
+          style="width: 100%">
+          <el-table-column
+            v-for="(item, index) in table.columns"
+            :key="index"
+            :prop="item.prop"
+            :label="item.label">
+          </el-table-column>
+        </el-table>
+      </el-col>
+    </el-row>
   </Container>
 </template>
 
@@ -52,6 +60,9 @@ export default {
         }
       })
       return false
+    },
+    download () {
+      window.location.href='http://fairyever.qiniudn.com/d2admin-vue-demo.csv'
     }
   }
 }
diff --git a/src/pages/demo/plugins/vue-grid-layout/demo.vue b/src/pages/demo/plugins/vue-grid-layout/demo.vue
index df3c7a91..0056dccd 100644
--- a/src/pages/demo/plugins/vue-grid-layout/demo.vue
+++ b/src/pages/demo/plugins/vue-grid-layout/demo.vue
@@ -1,5 +1,5 @@
 <template>
-  <Container type="ghost" class="demo-plugin-vue-grid-layout-demo">
+  <Container type="ghost" class="body">
     <GridLayout
       v-bind="layout"
       @layout-updated="layoutUpdatedHandler">
@@ -78,11 +78,11 @@ export default {
 }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 @import '~@/assets/style/public.scss';
-.demo-plugin-vue-grid-layout-demo {
+.body {
   .vue-grid-layout {
-    margin: -$margin -$margin 0px -$margin;
+    margin: -10px;
     .el-card {
       height: 100%;
       @extend %unable-select;