🎨 style: 优化样式

This commit is contained in:
wangsongsole 2024-03-25 19:47:06 +08:00
parent 4532b3b1d9
commit d074365d4f
7 changed files with 28 additions and 20 deletions

View File

@ -289,7 +289,8 @@ body {
margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_1.png");
background-size: 100% 100%;
padding: 0.03rem;
min-width: 0.18rem;
padding: 0.028rem;
}
.mask {

View File

@ -36,9 +36,9 @@
<div class="content" :style="{background: dynamicStyle.bg}">
<img class="banner" :src="dynamicStyle.banner" alt="">
<div class="countdown" v-if="this.outTime.length>0">
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[0]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[1]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[2]}}</p>
<p :style="{color:dynamicStyle.times_color}">{{this.outTime[0]}}</p>
<p :style="{color:dynamicStyle.times_color}">{{this.outTime[1]}}</p>
<p :style="{color:dynamicStyle.times_color}">{{this.outTime[2]}}</p>
</div>
<div class="box">
<div class="box-cotent">
@ -185,7 +185,7 @@
footer_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_common_img_d.png',
footer_color: '#4989F5',
notis_color: '#FF486D',
time_color: '#1e6ff8',
time_colors: '#1e6ff8',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_tobeused.png',
goods_b: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_overdue.png',
};
@ -200,6 +200,7 @@
footer_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/wx_common_img_d.png',
footer_color: '#5eb145',
time_color: '#5eb145',
times_color: '#5eb145',
notis_color: '#239700',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_tobeused.png',
goods_b: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_overdue.png',
@ -214,7 +215,7 @@
footer_middle: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_common_img_middle.png',
footer_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_common_img_d.png',
footer_color: '#FF4901',
time_color: '#ed703f',
time_colors: '#ed703f',
notis_color: '#FFD3D8',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_redenvelope_tobeused.png',
goods_b: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_redenvelope_overdue.png',

View File

@ -293,7 +293,8 @@ body {
margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_1.png");
background-size: 100% 100%;
padding: 0.03rem;
min-width: 0.18rem;
padding: 0.028rem;
}
}

View File

@ -989,7 +989,7 @@ img.changegray {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
color: #333;
margin: 0.2rem 0;
}
@ -997,7 +997,8 @@ img.changegray {
margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_2.png");
background-size: 100% 100%;
padding: 0.03rem;
min-width: 0.18rem;
padding: 0.028rem;
color: #ff7634;
}

View File

@ -36,9 +36,9 @@
<div class="content" :style="{background: dynamicStyle.bg}">
<img class="banner" :src="dynamicStyle.banner" alt="">
<div class="countdown" v-if="this.outTime.length>0">
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[0]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[1]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[2]}}</p>
<p :style="{color:dynamicStyle.times_color}">{{this.outTime[0]}}</p>
<p :style="{color:dynamicStyle.times_color}">{{this.outTime[1]}}</p>
<p :style="{color:dynamicStyle.times_color}">{{this.outTime[2]}}</p>
</div>
<div class="box">
<div class="box-cotent">
@ -185,7 +185,7 @@
footer_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_common_img_d.png',
footer_color: '#4989F5',
notis_color: '#FF486D',
time_color: '#1e6ff8',
times_color: '#1e6ff8',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_tobeused.png',
goods_b: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_overdue.png',
};
@ -200,6 +200,7 @@
footer_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/wx_common_img_d.png',
footer_color: '#5eb145',
time_color: '#5eb145',
time_colors: '#5eb145',
notis_color: '#239700',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_tobeused.png',
goods_b: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_overdue.png',
@ -214,7 +215,7 @@
footer_middle: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_common_img_middle.png',
footer_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_common_img_d.png',
footer_color: '#FF4901',
time_color: '#ed703f',
times_color: '#ed703f',
notis_color: '#FFD3D8',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_redenvelope_tobeused.png',
goods_b: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_redenvelope_overdue.png',

View File

@ -173,15 +173,16 @@ body {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin: 0.2rem 0;
color: #333;
margin-top: 0.05rem;
}
.countdown p {
margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_2.png");
background-size: 100% 100%;
padding: 0.03rem;
min-width: 0.18rem;
padding: 0.028rem;
color: #ee1920;
}

View File

@ -345,14 +345,16 @@ body {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin: 0.2rem 0;
color: #333;
margin-top: 0.05rem;
}
.countdown p {
margin: 0.05rem;
text-align: center;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_2.png");
background-size: 100% 100%;
padding: 0.03rem;
min-width: 0.18rem;
padding: 0.028rem;
color: #0375ff;
}