20220729修改网站样式

admin-code/src/views/Home.vue

@@ -4,7 +4,7 @@
       <div slot="header">
         <span>字典类别</span>
         <el-tooltip effect="dark" content="添加类型" placement="top-start">
-          <el-button style="float: right; padding: 3px 0" icon="el-icon-plus" type="text" @click="treeTypeAdd">添加类型</el-button>
+          <el-button style="float: right; padding: 3px 0; color: #fff;" icon="el-icon-plus" type="text" @click="treeTypeAdd">添加类型</el-button>
         </el-tooltip>
       </div>
       <deepTree :operation="true" @edit="treeEdit" @remove="treeRemove" @nodeClick="treeClick" class="deepTree" :data="treeList"></deepTree>
@@ -182,12 +182,18 @@ export default {
   height: 100%;
   display: flex;
   .box-card {
-    width: 84%;
+    width: 83%;
     height: 100%;
+    .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
   }
   .box-card-left {
     width: 15%;
     height: 100%;
+    .el-card__header {
+      background-image: linear-gradient(to left, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 88%;
       .deepTree {

admin-content/src/views/home.vue

@@ -87,7 +87,7 @@ export default {
       filed: [
         { name: 'title', label: '标题', filter: true },
         // { name: 'bind', label: '绑定栏目', formater: 'slot', filter: true },
-        { name: 'visit', label: '访问量' }
+        { name: 'visit', label: '访问量', width: '150' }
       ],
       formdata: {},
       userfiled: [
@@ -258,8 +258,12 @@ export default {
   height: 100%;
   display: flex;
   .box-card {
-    width: 80%;
+    width: 78%;
     height: 100%;
+    ::v-deep .el-card__header {
+      // background-color: #f5f5f5;
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }
@@ -267,8 +271,13 @@ export default {
   .box-card-left {
     width: 20%;
     height: 100%;
+    ::v-deep .el-card__header {
+      // background-color: #e6e6e6;
+      background-image: linear-gradient(to left, #53b2ff, #ffffff);
+    }
     ::v-deep .el-card__body {
       height: 88%;
+      // background-color: #e6e6e6;
       .deepTree {
         width: 100%;
         height: 100%;

admin-files/src/views/home.vue

@@ -63,7 +63,11 @@ export default {
   width: 100%;
   height: 100%;
   .box-card {
+    width: 98%;
     height: 100%;
+    ::v-deep .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }

admin-frame/.env

@@ -1,7 +1,7 @@
 # 设置是否使用tab选项卡
 VUE_APP_TABS=true
 # tabs 卡片类型 (card, border-card)
-VUE_APP_TABS_CARD=card
+VUE_APP_TABS_CARD=border-card
 # 设置头部使用高的还是矮的 (max, min )
 VUE_APP_HEADER=min
 # 首页标题

admin-frame/src/App.vue

@@ -220,6 +220,17 @@ body {
         }
       }
     }
+    .tabBox {
+      .el-tabs__header {
+        .is-top .el-tabs__item {
+          background-color: #dcdfe6;
+          // margin: 0 5px;
+        }
+        .is-top .is-active {
+          background-color: #fff !important;
+        }
+      }
+    }
   }
 }
 </style>

admin-frame/src/components/deepTree.vue

@@ -5,7 +5,8 @@
     accordion
     :expand-on-click-node="false"
     node-key="code"
-    default-expand-all
+    :default-expand-all="false"
+    class="tree"
   >
     <span class="custom-tree-node" slot-scope="{ node, data }">
       <el-tooltip v-if="node.label.length > 8" effect="dark" :content="node.label" placement="top-start">
@@ -71,4 +72,50 @@ export default {
   font-size: 14px;
   padding-right: 8px;
 }
+.tree {
+  // background: #f7f7f7;
+  ::v-deep .el-tree-node__content {
+    // background-color: #f50202 !important;
+    // background-colo#ff0000e7e7e7 !important;
+    .custom-tree-node {
+      color: #006efd;
+      font-size: 18px;
+      font-weight: 700;
+      font-family: '宋体';
+      span {
+        // background-color: #00ffc8 !important;
+      }
+    }
+  }
+  ::v-deep .el-tree-node__children .el-tree-node .el-tree-node__content {
+    background-color: #f0f0f0 !important;
+    margin: 8px 0 !important;
+    padding-left: 0 !important;
+    margin-left: 36px !important;
+    .custom-tree-node {
+      color: #409EFF;
+      font-size: 14px;
+      font-weight: 600;
+      font-family: '宋体';
+      span {}
+    }
+  }
+  ::v-deep .el-tree-node__children .el-tree-node .el-tree-node__children .el-tree-node .el-tree-node__content {
+    background-color: #f5f8fa !important;
+    margin: 8px 0 !important;
+    padding-left: 0 !important;
+    margin-left: 72px !important;
+    // .el-tree-node__expand-icon {
+    //   display: none;
+    // }
+    .custom-tree-node {
+      color: #2ca0ff;
+      font-size: 12px;
+      font-weight: 500;
+      font-family: '宋体';
+      span {}
+    }
+  }
+}
+
 </style>

admin-frame/src/components/filterList/table.vue

@@ -17,7 +17,7 @@
     <slot name="tablesPre"> </slot>
 
     <!-- 列表 -->
-    <el-table-column v-for="(item, index) in filed" :key="index" :label="item.label" label-class-name="labelName">
+    <el-table-column v-for="(item, index) in filed" :key="index" :width="item.width" :align="item.name == 'title' ? 'left' : 'center'" :label="item.label" label-class-name="labelName">
       <template slot-scope="scope">
         <i v-if="item.icon && item.formater !== 'slot'" :class="item.icon"></i>
         <span v-if="item.formater !== 'slot'" class="text" style="margin-left: 10px">{{ scope.row[item.name] }}</span>
@@ -29,7 +29,7 @@
     <slot name="tablesExt"></slot>
 
     <!-- 操作列 -->
-    <el-table-column v-if="!readOnly" :align="'left'" :width="options.width" label="操作" label-class-name="labelName">
+    <el-table-column v-if="!readOnly" :align="'center'" :width="options.width" label="操作" label-class-name="labelName">
       <template slot-scope="scope">
         <el-tooltip
           v-for="(item, index) in operation"
@@ -125,12 +125,19 @@ export default {
     text-align: center;
   }
 }
+// .el-table .cell span {
+//   width: 100%;
+//   text-align: center;
+// }
 .text {
+  // display: block;
   width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   border: none;
+  // text-align: center;
+  // min-height: 20px !important;
 }
 .el-icon-delete {
   color: #fc0000;

admin-frame/vue.config.js

@@ -22,8 +22,8 @@ module.exports = {
     port: 3000,
     proxy: {
       '/api/': {
-        // target: 'http://skl.cc-lotus.info'
-        target: 'http://127.0.0.1:18090'
+        target: 'http://skl.cc-lotus.info'
+        // target: 'http://127.0.0.1:18090'
       },
       '/upload/': {
         // target: 'http://127.0.0.1:9002'

admin-img-news/src/views/home.vue

@@ -262,8 +262,11 @@ export default {
   height: 100%;
   display: flex;
   .box-card {
-    width: 84%;
+    width: 83%;
     height: 100%;
+    .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }
@@ -271,6 +274,9 @@ export default {
   .box-card-left {
     width: 15%;
     height: 100%;
+    .el-card__header {
+      background-image: linear-gradient(to left, #53b2ff, #ffffff);
+    }
     .el-card__body {
       height: 88%;
       .deepTree {

admin-log/src/views/home.vue

@@ -81,6 +81,10 @@ export default {
   height: 100%;
   .box-card {
     height: 100%;
+    width: 98%;
+    ::v-deep .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }

admin-menu/src/views/home.vue

@@ -166,8 +166,11 @@ export default {
   height: 100%;
   display: flex;
   .box-card {
-    width: 80%;
+    width: 78%;
     height: 100%;
+    ::v-deep .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }
@@ -175,6 +178,9 @@ export default {
   .box-card-left {
     width: 20%;
     height: 100%;
+    ::v-deep .el-card__header {
+      background-image: linear-gradient(to left, #53b2ff, #ffffff);
+    }
     ::v-deep .el-card__body {
       height: 88%;
       .deepTree {

admin-page/src/views/home.vue

@@ -142,7 +142,12 @@ export default {
   width: 100%;
   height: 100%;
   .box-card {
+    width: 98%;
     height: 100%;
+    ::v-deep .el-card__header {
+      // background-color: #f5f5f5;
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }

admin-role-menu/src/views/home.vue

@@ -104,8 +104,11 @@ export default {
   height: 100%;
   display: flex;
   .box-card {
-    width: 100%;
-    height: 100%;
+    width: 98%;
+    height: 96%;
+    .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 90%;
       .main {

admin-role/src/views/home.vue

@@ -110,6 +110,10 @@ export default {
   height: 100%;
   .box-card {
     height: 100%;
+    width: 98%;
+    ::v-deep .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }

admin-toconfig/src/views/home.vue

@@ -113,7 +113,11 @@ export default {
   width: 100%;
   height: 100%;
   .box-card {
+    width: 98%;
     height: 100%;
+    ::v-deep .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }

admin-user/src/views/home.vue

@@ -163,6 +163,10 @@ export default {
   height: 100%;
   .box-card {
     height: 100%;
+    width: 98%;
+    ::v-deep .el-card__header {
+      background-image: linear-gradient(to right, #53b2ff, #fff);
+    }
     .el-card__body {
       height: 100%;
     }