🎨 style: 优化样式
This commit is contained in:
parent
4532b3b1d9
commit
d074365d4f
|
@ -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 {
|
||||
|
|
|
@ -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',
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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',
|
||||
|
|
7
ysf.css
7
ysf.css
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue