From 38a5d315aa8f369aaf032e222918a36d8d2cdc8c Mon Sep 17 00:00:00 2001
From: lin-xin <2981207131@qq.com>
Date: Mon, 10 Sep 2018 11:17:53 +0800
Subject: [PATCH] =?UTF-8?q?'=E8=B0=83=E6=95=B4table=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/page/BaseTable.vue | 19 +++++++++++++------
 static/css/main.css               |  4 ++--
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/src/components/page/BaseTable.vue b/src/components/page/BaseTable.vue
index 7961f5e..a71b234 100644
--- a/src/components/page/BaseTable.vue
+++ b/src/components/page/BaseTable.vue
@@ -15,23 +15,23 @@
                 <el-input v-model="select_word" placeholder="筛选关键词" class="handle-input mr10"></el-input>
                 <el-button type="primary" icon="search" @click="search">搜索</el-button>
             </div>
-            <el-table :data="data" border style="width: 100%" ref="multipleTable" @selection-change="handleSelectionChange">
-                <el-table-column type="selection" width="55"></el-table-column>
+            <el-table :data="data" border class="table" ref="multipleTable" @selection-change="handleSelectionChange">
+                <el-table-column type="selection" width="55" align="center"></el-table-column>
                 <el-table-column prop="date" label="日期" sortable width="150">
                 </el-table-column>
                 <el-table-column prop="name" label="姓名" width="120">
                 </el-table-column>
                 <el-table-column prop="address" label="地址" :formatter="formatter">
                 </el-table-column>
-                <el-table-column label="操作" width="180">
+                <el-table-column label="操作" width="180" align="center">
                     <template slot-scope="scope">
-                        <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
-                        <el-button size="small" type="danger" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+                        <el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                        <el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
             <div class="pagination">
-                <el-pagination @current-change="handleCurrentChange" layout="prev, pager, next" :total="1000">
+                <el-pagination background @current-change="handleCurrentChange" layout="prev, pager, next" :total="1000">
                 </el-pagination>
             </div>
         </div>
@@ -202,4 +202,11 @@
         font-size: 16px;
         text-align: center
     }
+    .table{
+        width: 100%;
+        font-size: 14px;
+    }
+    .red{
+        color: #ff0000;
+    }
 </style>
diff --git a/static/css/main.css b/static/css/main.css
index 3ae9fa6..d17d3ff 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -34,7 +34,7 @@ a {
 .content {
     width: auto;
     height: 100%;
-    padding: 40px;
+    padding: 10px;
     overflow-y: scroll;
     box-sizing: border-box;
 }
@@ -51,7 +51,7 @@ a {
 }
 
 .crumbs {
-    margin-bottom: 20px;
+    margin: 10px 0;
 }
 
 .pagination {
-- 
GitLab