Browse Source

修改权限列表样式

zhaoke 3 years ago
parent
commit
e4043bbcb0

+ 2 - 2
src/components/permissionlist/index.vue

@@ -36,8 +36,8 @@
         <div :class="active ? 'bgActive':''" class="paren_content">
           <el-scrollbar style="height:100%">
             <el-row :gutter="16">
-              <el-col :span="8" v-for="(item,index) in RoleData" :key="index">
-                <div :title="item.AuthName" class="cide">
+              <el-col :span="24" v-for="(item,index) in RoleData" :key="index">
+                <div :title="item.AuthName" class="cide flex">
                   <div class="cide_header">
                     <p>{{item.AuthName}}</p>
                     <span @click.stop="upStart(item)">查看</span>

+ 7 - 10
src/components/permissionlist/permissionlist.scss

@@ -139,26 +139,21 @@
             }
             .cide {
               // height: 80px;
-              cursor: pointer;
-              background: #f5f7fa;
-              box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1);
-              border-radius: 8px;
-              padding: 4px 16px 0 16px;
               margin-bottom: 16px;
               > .cide_header {
-                width: 100%;
-                height: 40px;
+                flex: 1;
                 display: flex;
-                justify-content: space-between;
-                align-items: center;
                 > p {
-                  font-size: 16px;
+                  font-size: 14px;
                   font-family: Microsoft YaHei;
                   font-weight: 400;
                   color: #303133;
                   white-space: nowrap;
                   overflow: hidden;
                   text-overflow: ellipsis;
+                  margin: 0;
+                  font-weight: 600;
+                  max-width: 150px;
                 }
                 > span {
                   font-size: 14px;
@@ -167,6 +162,8 @@
                   color: #6e81bc;
                   cursor: pointer;
                   min-width: 30px;
+                  cursor: pointer;
+                  margin-left: 10px;
                 }
               }
               > .cide_cont {