消息更改颜色

assets/css/custom.less

 //定义变量
-@import './themes/deepBlank.less';
+// @import './themes/deepBlank.less';
 // @import './themes/green.less';
-//  @import './themes/default.less';
+ @import './themes/default.less';

assets/css/themes/deepBlank.less

@@ -156,7 +156,9 @@
 //选择搜索框
 @input-group-prepend: #2F2F57;
 @look_search_input:#2F2F57;
-@select-selection_bg:#222341;
+@look_search_bg:#2F2F57;
+@select_selection_bg:#222341;
+@select_color: rgba(255, 255, 255, 0.2);
 //按钮组
 @all_btn_col:#253d6d;
 @loading_btn_col:#09D472;
@@ -164,4 +166,8 @@
 @incomplete_btn_col:rgba(255, 255, 255,0.4);
 @over_btn_col:#106FFE;
 //卡片
-@card_box_bg: #ffffff;
\ No newline at end of file
+@card_box_bg:#2F2F57;
+@card_box_col:#8DBAFF;
+@count_p_col:#8DBAFF;
+@img_border:#ffffff ;
+@card_title_col:#ffffff;
\ No newline at end of file

assets/css/themes/default.less

@@ -155,8 +155,10 @@
 @treetr_icon: #2d8cf0;
 //选择搜索框
 @input-group-prepend: #ffffff;
-@look_search_input:#ffffff;
-@select-selection_bg:#515a6e;
+@look_search_input:#dcdee2;
+@look_search_bg:#ffffff;
+@select_selection_bg:#515a6e;
+@select_color:#515a6e;
 //按钮组
 @all_btn_col: #253d6d;
 @loading_btn_col:#04bb8c;
@@ -164,4 +166,8 @@
 @incomplete_btn_col:#182c51;
 @over_btn_col:#106ffe;
 //卡片
-@card_box_bg:#ffffff;
\ No newline at end of file
+@card_box_bg:#ffffff;
+@card_box_col:#ffffff;
+@count_p_col:#182c51;
+@img_border:#182c51;
+@card_title_col:#182c51;
\ No newline at end of file

assets/css/themes/green.less

@@ -155,8 +155,10 @@
 @treetr_icon: #515A6E;
 //选择搜索框
 @input-group-prepend: #ffffff;
-@look_search_input:transparent;
-@select-selection_bg:transparent;
+@look_search_input:#515a6e;
+@look_search_bg:#ffffff;
+@select_selection_bg:transparent;
+@select_color:#515a6e;
 //按钮组
 @all_btn_col: #2F2F57;
 @loading_btn_col:#04bb8c;
@@ -165,3 +167,7 @@
 @over_btn_col:#106ffe;
 //卡片
 @card_box_bg:#ffffff;
+@card_box_col:#ffffff;
+@count_p_col:#182c51;
+@img_border:#182c51;
+@card_title_col:#182c51;
\ No newline at end of file

pages/those/index.vue

@@ -34,20 +34,22 @@
     <Row class="card_more">
         <div  class="card_box" v-for="(item,i) in list" :key='i'>
             <div class="heard_carl" :style="{background:item.background}"><span>{{item.name}}</span><span style="float: right;">{{item.code}}  </span></div>
-            <div class="img_box">
-            <img
-                src="https://file.iviewui.com/iview-pro/icon-404.svg"
-                alt=""
-            />
-            <p>{{item.imgname}}</p>
-            </div>
-            <div class="card_count">
-            <p>开始时间</p>
-            <p>2020-07-12 15：23：15</p>
-            <p>计划结束时间</p>
-            <p>2020-07-12 12：23：15</p>
-            <p>生产数量</p>
-            <p>47个</p>
+            <div class="count_carl">           
+              <div class="img_box">
+              <img
+                  src="https://file.iviewui.com/iview-pro/icon-404.svg"
+                  alt=""
+              />
+              <p>{{item.imgname}}</p>
+              </div>
+              <div class="card_count">
+              <p class="card_title">开始时间</p>
+              <p>2020-07-12 15：23：15</p>
+              <p class="card_title">计划结束时间</p>
+              <p>2020-07-12 12：23：15</p>
+              <p class="card_title">生产数量</p>
+              <p>47个</p>
+              </div>       
             </div>
         </div>
       </Col>
@@ -208,21 +210,22 @@ export default {
     border: 1px solid @look_search_input !important;
     border-left-color: transparent !important;
     border-radius: 0px;
-    background: @look_search_input !important;
+    background: @look_search_bg !important;
   }
   .ivu-form-item .ivu-input-group-prepend {
     background-color: @input-group-prepend;
     border: 1px solid @look_search_input !important;
-    border-right-color: rgba(24, 44, 81, 0.2) !important;
+    // border-right-color: rgba(24, 44, 81, 0.2) !important;
     border-radius: 8px 0px 0px 8px;
     .ivu-select-selection {
-      background: @look_search_input !important;
+      background: @look_search_bg !important;
       margin: 0 1px;
-      border-right: 1px solid @select-selection_bg !important;
+      border: none !important;
+      // border-right: 1px solid @select_selection_bg !important;}
       .ivu-select-placeholder {
         font-size: 14px;
         font-weight: 400;
-        color: rgba(255, 255, 255, 0.2);
+        color: @select_color;
       }
     }
   }
@@ -297,10 +300,21 @@ export default {
     color: @over_btn_col;
   }
 }
-//  .card_more  .card_box{
-//    background: @card_box_bg;
-//     color: #ffffff;
-// }
+.count_carl {
+  height: 180px;
+  border-radius: 0px 0px 8px 8px;
+  background: @card_box_bg;
+  color: @card_box_col;
+  .img_box img {
+    border: 1px dashed @img_border !important;
+  }
+  p {
+    color: @count_p_col;
+  }
+  .card_title {
+    color: @card_title_col;
+  }
+}
 </style>
 <style lang="less" scoped>
 .card_more {
@@ -308,8 +322,10 @@ export default {
   flex-wrap: wrap;
   height: auto;
   .card_box {
+    .card_title {
+      font-size: 12px;
+    }
     margin: 0 0 60px 60px;
-    background:#ffffff;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
     border-radius: 8px;
     height: 220px;
@@ -333,13 +349,11 @@ export default {
     img {
       width: 120px;
       height: 120px;
-      border: 1px dashed #182c51;
     }
     p {
       font-size: 12px;
       font-weight: 400;
       line-height: 20px;
-      color: #182c51;
       text-align: center;
     }
   }
@@ -352,7 +366,7 @@ export default {
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
-    color: #182c51;
+    // color: #182c51;
   }
   p:nth-child(2),
   p:nth-child(4) {