Skip to content

M
mes-ui
Commit 21637fa4 authored by 骆瑛's avatar 骆瑛
Browse files
Options

消息更改颜色

parent c5499681
Hide whitespace changes
Inline Side-by-side
Showing with 68 additions and 36 deletions
assets/css/custom.less
View file @ 21637fa4
//定义变量 //定义变量
@import './themes/deepBlank.less'; // @import './themes/deepBlank.less';
// @import './themes/green.less'; // @import './themes/green.less';
// @import './themes/default.less'; @import './themes/default.less';
assets/css/themes/deepBlank.less
View file @ 21637fa4
...@@ -156,7 +156,9 @@ ...@@ -156,7 +156,9 @@
//选择搜索框 //选择搜索框
@input-group-prepend: #2F2F57; @input-group-prepend: #2F2F57;
@look_search_input:#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; @all_btn_col:#253d6d;
@loading_btn_col:#09D472; @loading_btn_col:#09D472;
...@@ -164,4 +166,8 @@ ...@@ -164,4 +166,8 @@
@incomplete_btn_col:rgba(255, 255, 255,0.4); @incomplete_btn_col:rgba(255, 255, 255,0.4);
@over_btn_col:#106FFE; @over_btn_col:#106FFE;
//卡片 //卡片
@card_box_bg: #ffffff; @card_box_bg:#2F2F57;
\ No newline at end of file @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
View file @ 21637fa4
...@@ -155,8 +155,10 @@ ...@@ -155,8 +155,10 @@
@treetr_icon: #2d8cf0; @treetr_icon: #2d8cf0;
//选择搜索框 //选择搜索框
@input-group-prepend: #ffffff; @input-group-prepend: #ffffff;
@look_search_input:#ffffff; @look_search_input:#dcdee2;
@select-selection_bg:#515a6e; @look_search_bg:#ffffff;
@select_selection_bg:#515a6e;
@select_color:#515a6e;
//按钮组 //按钮组
@all_btn_col: #253d6d; @all_btn_col: #253d6d;
@loading_btn_col:#04bb8c; @loading_btn_col:#04bb8c;
...@@ -164,4 +166,8 @@ ...@@ -164,4 +166,8 @@
@incomplete_btn_col:#182c51; @incomplete_btn_col:#182c51;
@over_btn_col:#106ffe; @over_btn_col:#106ffe;
//卡片 //卡片
@card_box_bg:#ffffff; @card_box_bg:#ffffff;
\ No newline at end of file @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
View file @ 21637fa4
...@@ -155,8 +155,10 @@ ...@@ -155,8 +155,10 @@
@treetr_icon: #515A6E; @treetr_icon: #515A6E;
//选择搜索框 //选择搜索框
@input-group-prepend: #ffffff; @input-group-prepend: #ffffff;
@look_search_input:transparent; @look_search_input:#515a6e;
@select-selection_bg:transparent; @look_search_bg:#ffffff;
@select_selection_bg:transparent;
@select_color:#515a6e;
//按钮组 //按钮组
@all_btn_col: #2F2F57; @all_btn_col: #2F2F57;
@loading_btn_col:#04bb8c; @loading_btn_col:#04bb8c;
...@@ -165,3 +167,7 @@ ...@@ -165,3 +167,7 @@
@over_btn_col:#106ffe; @over_btn_col:#106ffe;
//卡片 //卡片
@card_box_bg:#ffffff; @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
View file @ 21637fa4
...@@ -34,20 +34,22 @@ ...@@ -34,20 +34,22 @@
<Row class="card_more"> <Row class="card_more">
<div class="card_box" v-for="(item,i) in list" :key='i'> <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="heard_carl" :style="{background:item.background}"><span>{{item.name}}</span><span style="float: right;">{{item.code}} </span></div>
<div class="img_box"> <div class="count_carl">
<img <div class="img_box">
src="https://file.iviewui.com/iview-pro/icon-404.svg" <img
alt="" src="https://file.iviewui.com/iview-pro/icon-404.svg"
/> alt=""
<p>{{item.imgname}}</p> />
</div> <p>{{item.imgname}}</p>
<div class="card_count"> </div>
<p>开始时间</p> <div class="card_count">
<p>2020-07-12 15：23：15</p> <p class="card_title">开始时间</p>
<p>计划结束时间</p> <p>2020-07-12 15：23：15</p>
<p>2020-07-12 12：23：15</p> <p class="card_title">计划结束时间</p>
<p>生产数量</p> <p>2020-07-12 12：23：15</p>
<p>47个</p> <p class="card_title">生产数量</p>
<p>47个</p>
</div>
</div> </div>
</div> </div>
</Col> </Col>
...@@ -208,21 +210,22 @@ export default { ...@@ -208,21 +210,22 @@ export default {
border: 1px solid @look_search_input !important; border: 1px solid @look_search_input !important;
border-left-color: transparent !important; border-left-color: transparent !important;
border-radius: 0px; border-radius: 0px;
background: @look_search_input !important; background: @look_search_bg !important;
} }
.ivu-form-item .ivu-input-group-prepend { .ivu-form-item .ivu-input-group-prepend {
background-color: @input-group-prepend; background-color: @input-group-prepend;
border: 1px solid @look_search_input !important; 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; border-radius: 8px 0px 0px 8px;
.ivu-select-selection { .ivu-select-selection {
background: @look_search_input !important; background: @look_search_bg !important;
margin: 0 1px; 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 { .ivu-select-placeholder {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
color: rgba(255, 255, 255, 0.2); color: @select_color;
} }
} }
} }
...@@ -297,10 +300,21 @@ export default { ...@@ -297,10 +300,21 @@ export default {
color: @over_btn_col; color: @over_btn_col;
} }
} }
// .card_more .card_box{ .count_carl {
// background: @card_box_bg; height: 180px;
// color: #ffffff; 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>
<style lang="less" scoped> <style lang="less" scoped>
.card_more { .card_more {
...@@ -308,8 +322,10 @@ export default { ...@@ -308,8 +322,10 @@ export default {
flex-wrap: wrap; flex-wrap: wrap;
height: auto; height: auto;
.card_box { .card_box {
.card_title {
font-size: 12px;
}
margin: 0 0 60px 60px; margin: 0 0 60px 60px;
background:#ffffff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
border-radius: 8px; border-radius: 8px;
height: 220px; height: 220px;
...@@ -333,13 +349,11 @@ export default { ...@@ -333,13 +349,11 @@ export default {
img { img {
width: 120px; width: 120px;
height: 120px; height: 120px;
border: 1px dashed #182c51;
} }
p { p {
font-size: 12px; font-size: 12px;
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
color: #182c51;
text-align: center; text-align: center;
} }
} }
...@@ -352,7 +366,7 @@ export default { ...@@ -352,7 +366,7 @@ export default {
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
line-height: 20px; line-height: 20px;
color: #182c51; // color: #182c51;
} }
p:nth-child(2), p:nth-child(2),
p:nth-child(4) { p:nth-child(4) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment