pref:修改皮肤变量

sample-form-client-ui/admin/src/App.vue

@@ -159,16 +159,17 @@ export default {
 }
 :root {
   // 标题颜色
-  --main-title-color: #fff;
+  --main-h1-color: #fff;
   /* 辅助颜色 */
+  --main-assist-color: #59d1fe;
   --main-assist-color1: #59d1fe;
   --main-assist-color2: #f77234;
   --main-assist-color3: #f53f3f;
   --main-assist-color4: #58c09e;
   /* 主题颜色 */
-  --main-theme-color1: #0857e8;
-  // 底部数据名称
-  --data-name-color: #666;
+  --main-theme-color: #0857e8;
+  // 底部数据标题名称
+  --main-sjbt-color: #666;
   // 渐变色(主色)
   --gradient-ramp-theme1: #0857e8;
   --gradient-ramp-theme2: #fd644f;
@@ -181,4 +182,7 @@ export default {
 .main-bg-img {
   background: url("./assets/img/bg(1).jpg") no-repeat;
 }
+.main-kstd-img {
+  background: url("./assets/img/btn_kuaisu.png") no-repeat;
+}
 </style>

sample-form-client-ui/admin/src/assets/css/common.css

 /* 颜色 */
 .primary {
-    color: #1890FF;
+  color: #1890ff;
 }
 
 .delete {
-    color: #FF4D4F;
+  color: #ff4d4f;
 }
 
 .green {
-    color: #1BBC9B;
+  color: #1bbc9b;
 }
 
 .clofff {
@@ -20,15 +20,15 @@
 }
 
 .bgdel {
-    background-color: #FF4D4F;
+  background-color: #ff4d4f;
 }
 
 .bgpr {
-    background-color: #1890FF;
+  background-color: #1890ff;
 }
 
 .bgg {
-    background-color: #1BBC9B;
+  background-color: #1bbc9b;
 }
 
 /* 版心 */
@@ -42,7 +42,7 @@
 }
 
 .flex1 {
-    flex: 1
+  flex: 1;
 }
 
 .flexc {
@@ -87,7 +87,7 @@
 
 /* margin */
 .m10 {
-    margin: 10px
+  margin: 10px;
 }
 
 .m15 {
@@ -321,7 +321,7 @@
 */
 /* el-table列数据为空自动显示-- */
 .cell:empty::before {
-    content: '--';
+  content: "--";
   color: gray;
 }
 
@@ -352,7 +352,7 @@
 
 .el-table__body-wrapper::-webkit-scrollbar-thumb {
   border-radius: 6px;
-    background-color: rgba(144, 147, 153, .5);
+  background-color: rgba(144, 147, 153, 0.5);
 }
 
 .el-table__body-wrapper::-webkit-scrollbar-track {
@@ -368,7 +368,7 @@
   margin-right: 6px;
   background: #dfe9fb;
   border-radius: 4px;
-    color: var(--main-theme-color1);
+  color: var(--main-theme-color);
 }
 .scroll3 {
   overflow-y: auto;

sample-form-client-ui/admin/src/components/MateralsList.vue

@@ -212,7 +212,7 @@ export default {
     border-radius: 8px;
     font-size: 20px;
     font-family: Source Han Sans CN;
-    color: var(--main-theme-color1);
+    color: var(--main-theme-color);
     text-align: center;
     line-height: 50px;
     cursor: pointer;

sample-form-client-ui/admin/src/components/SearchBox.vue

@@ -62,8 +62,8 @@ export default {
   height: 62px;
   background: linear-gradient(
     90deg,
-    var(--main-theme-color1),
-    var(--main-assist-color1)
+    var(--main-theme-color),
+    var(--main-assist-color)
   );
   border-radius: 8px;
   color: #ffffff;

sample-form-client-ui/admin/src/pages/Print/PrintEmptyMaterals.vue

@@ -231,11 +231,11 @@ export default {
 .next-btn {
   width: 130px;
   height: 54px;
-  border: 1px solid var(--main-theme-color1);
+  border: 1px solid var(--main-theme-color);
   border-radius: 8px;
   font-size: 24px;
   font-family: Source Han Sans CN;
-  color: var(--main-theme-color1);
+  color: var(--main-theme-color);
 }
 .print-btn {
   width: 130px;

sample-form-client-ui/admin/src/pages/home/Home.vue

@@ -109,7 +109,7 @@
       <div class="right flex flexc aic jcb">
         <div class="right-top flex aic jcb">
           <router-link to="/matterList">
-            <div class="fill-btn flex aic jcc pointer">
+            <div class="fill-btn flex aic jcc pointer main-kstd-img">
               <span class="fill-btn-text1">快</span>
               <span class="fill-btn-text2">速</span>
               <span class="fill-btn-text3">查</span>
@@ -370,13 +370,13 @@ export default {
   .title {
     font-weight: 400;
     font-size: 61px;
-    color: var(--main-title-color);
+    color: var(--main-h1-color);
   }
 }
 .right {
   .tips-name {
     font-size: 18px;
-    color: var(--main-title-color);
+    color: var(--main-h1-color);
   }
   .count {
     color: #317054;
@@ -447,8 +447,8 @@ export default {
   height: 62px;
   background: linear-gradient(
     90deg,
-    var(--main-theme-color1),
-    var(--main-assist-color1)
+    var(--main-theme-color),
+    var(--main-assist-color)
   );
   border-radius: 8px;
   color: #ffffff;
@@ -512,7 +512,7 @@ export default {
         line-height: 56px;
         border-radius: 8px;
         font-size: 22px;
-        color: var(--main-theme-color1);
+        color: var(--main-theme-color);
         letter-spacing: 2px;
         &:nth-child(2n-1) {
           background-color: #fff;
@@ -529,7 +529,6 @@ export default {
     .fill-btn {
       width: 530px;
       height: 170px;
-      background: url("../../assets/img/btn_kuaisu.png") no-repeat;
       background-size: 100% 100%;
       font-size: 50px;
       font-weight: 500;
@@ -606,7 +605,7 @@ export default {
           line-height: 45px;
           border-radius: 8px;
           font-size: 20px;
-          color: var(--main-theme-color1);
+          color: var(--main-theme-color);
           letter-spacing: 2px;
           &:nth-child(2n) {
             background-color: #f6f9fe;
@@ -629,17 +628,17 @@ export default {
   .data-name {
     font-size: 22px;
     font-family: Source Han Sans CN;
-    color: var(--data-name-color);
+    color: var(--main-sjbt-color);
   }
   .count-box {
     margin: 0px;
     padding: 0px;
     font-size: 24px;
-    color: var(--main-theme-color1);
+    color: var(--main-theme-color);
     .data-count {
       font-size: 38px;
       font-family: Source Han Sans CN;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
     }
   }
   .line {
@@ -648,8 +647,8 @@ export default {
     background-image: linear-gradient(
       to bottom,
       #ccc,
-      var(--main-theme-color1) 35%,
-      var(--main-theme-color1) 75%,
+      var(--main-theme-color) 35%,
+      var(--main-theme-color) 75%,
       #ccc 100%
     );
   }

sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue

@@ -297,7 +297,7 @@ export default {
   height: 25px;
   font-family: Source Han Sans CN;
   font-weight: 400;
-  color: var(--main-theme-color1);
+  color: var(--main-theme-color);
   line-height: 28px;
   span {
     font-size: 28px;

sample-form-client-ui/admin/src/pages/showpage/MatterList.vue

@@ -280,7 +280,7 @@ export default {
   height: 25px;
   font-family: Source Han Sans CN;
   font-weight: 400;
-  color: var(--main-theme-color1);
+  color: var(--main-theme-color);
   line-height: 28px;
 
   span {

sample-form-client-ui/admin/src/pages/showpage/ShowMaterials.vue

@@ -31,7 +31,7 @@
               height: v.height + 'px',
             }"
             class="preview-img"
-            :src="api + v.samplePath"
+            :src="api + v.preViewPath"
           />
         </div>
       </div>
@@ -141,7 +141,7 @@ export default {
       let { data } = res.data.data;
       data.forEach((v) => {
         let image = new Image();
-        image.src = this.api + v.samplePath;
+        image.src = this.api + v.preViewPath;
         image.onload = function () {
           v.height = image.height;
         };
@@ -215,7 +215,7 @@ export default {
       height: 26px;
       background: #52a8f6;
       border-radius: 50%;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
       display: flex;
       align-items: center;
       justify-content: center;
@@ -232,7 +232,7 @@ export default {
       border-radius: 16px;
       text-align: center;
       line-height: 34px;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
       position: absolute;
       right: 28px;
     }
@@ -249,7 +249,7 @@ export default {
       background: #f2f6fe;
       border-radius: 4px;
       line-height: 38px;
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
     }
     .materails-item {
       height: 42px;
@@ -270,13 +270,13 @@ export default {
       );
     }
     .active {
-      color: var(--main-theme-color1);
+      color: var(--main-theme-color);
       .line {
         background-image: linear-gradient(
           to right,
           #fff,
-          var(--main-theme-color1) 10%,
-          var(--main-theme-color1) 80%,
+          var(--main-theme-color) 10%,
+          var(--main-theme-color) 80%,
           #fff
         );
       }
@@ -287,8 +287,8 @@ export default {
       height: 276px;
       background: linear-gradient(
         90deg,
-        var(--main-theme-color1),
-        var(--main-assist-color1)
+        var(--main-theme-color),
+        var(--main-assist-color)
       );
       box-shadow: 6px -1px 10px 0px rgba(11, 92, 233, 0.11);
       border-radius: 0px 38px 8px 0px;
@@ -318,7 +318,7 @@ export default {
   .short {
     font-size: 26px;
     font-family: Source Han Sans CN;
-    color: var(--main-theme-color1);
+    color: var(--main-theme-color);
   }
   .full-name {
     margin-top: 10px;
@@ -348,7 +348,7 @@ export default {
       cursor: pointer;
       i {
         font-size: 54px;
-        color: var(--main-theme-color1);
+        color: var(--main-theme-color);
       }
     }
   }

sample-form-client-ui/admin/src/pages/showpage/components/LeftMenus.vue

@@ -86,8 +86,8 @@ export default {
 .active {
   background: linear-gradient(
     270deg,
-    var(--main-assist-color1),
-    var(--main-theme-color1)
+    var(--main-assist-color),
+    var(--main-theme-color)
   );
   font-family: Source Han Sans CN;
   color: #ffffff;