From 9f633a2aff6cde941dd1293a57eb14e971e5ba13 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期五, 05 十一月 2021 14:12:04 +0800 Subject: [PATCH] margin change --- src/pages/shuohuangMonitorAnalyze/components/memberManage.vue | 63 +++++++++++++++++++++++++++---- 1 files changed, 55 insertions(+), 8 deletions(-) diff --git a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue index 6464274..d857c46 100644 --- a/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue +++ b/src/pages/shuohuangMonitorAnalyze/components/memberManage.vue @@ -116,7 +116,9 @@ <el-table-column label="鐢ㄦ埛鏉冮檺" prop="userpermission"> <template slot-scope="scope"> <div> - <el-switch active-color="#4B72E2" inactive-color="#B7BEC8" + <el-switch + active-color="#4B72E2" + inactive-color="#B7BEC8" v-model="scope.row.UserPermissions" @change="memberUpdate(scope.row)" ></el-switch> @@ -126,7 +128,9 @@ <el-table-column label="杞偍鏉冮檺" prop="transferpermission"> <template slot-scope="scope"> <div> - <el-switch active-color="#4B72E2" inactive-color="#B7BEC8" + <el-switch + active-color="#4B72E2" + inactive-color="#B7BEC8" v-model="scope.row.DumpPermissions" @change="memberUpdate(scope.row)" ></el-switch> @@ -136,8 +140,12 @@ <el-table-column label="鎿嶄綔"> <template slot-scope="scope"> <div class="operation"> - <i class="el-icon-edit" @click="editMember(scope.row)"></i> - <i class="el-icon-delete" @click="delMember(scope.row)"></i> + <div class="edit" @click="editMember(scope.row)"> + <span class="icon iconfont"></span> + </div> + <div class="delete" @click="delMember(scope.row)"> + <span class="icon iconfont"></span> + </div> </div> </template> </el-table-column> @@ -637,11 +645,13 @@ <style lang="scss"> .member-manage { - padding: 20px; + padding: 25px; background: #fff; - margin: 33px; + // margin: 33px; display: flex; - box-sizing: border-box; + box-sizing: border-box;box-shadow: 0px 3px 6px rgba(160, 174, 230, 0.56); + +border-radius: 10px; .left { .el-tree--highlight-current .el-tree-node.is-current @@ -792,6 +802,9 @@ .keyword-input { width: 320px; } + button span { + color: #fff; + } .reset-btn { background-color: #a6b5cb !important; border-color: #a6b5cb !important; @@ -804,11 +817,42 @@ padding: 8px 12px; } } + .table-area { .actions { text-align: right; + button span { + color: #fff; + } } - + .operation { + .edit { + background: #dea60b; + width: 23px; + height: 23px; + text-align: center; + border-radius: 23px; + line-height: 21px; + margin-right: 10px; + span { + color: #fff; + font-size: 12px; + } + } + .delete { + background: #D94141; + width: 23px; + height: 23px; + text-align: center; + border-radius: 23px; + line-height: 22px; + margin-right: 10px; + span { + color: #fff; + font-size: 12px; + } + } + } .el-table td.el-table__cell div { color: #425277; } @@ -824,6 +868,9 @@ .el-table .el-table__cell { padding: 7.5px 0; } + .el-table th.el-table__cell > .cell { + color: #fff; + } } } } -- Gitblit v1.8.0