🎨 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; margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_1.png"); background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_1.png");
background-size: 100% 100%; background-size: 100% 100%;
padding: 0.03rem; min-width: 0.18rem;
padding: 0.028rem;
} }
.mask { .mask {

View File

@ -36,9 +36,9 @@
<div class="content" :style="{background: dynamicStyle.bg}"> <div class="content" :style="{background: dynamicStyle.bg}">
<img class="banner" :src="dynamicStyle.banner" alt=""> <img class="banner" :src="dynamicStyle.banner" alt="">
<div class="countdown" v-if="this.outTime.length>0"> <div class="countdown" v-if="this.outTime.length>0">
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[0]}}</p> <p :style="{color:dynamicStyle.times_color}">{{this.outTime[0]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[1]}}</p> <p :style="{color:dynamicStyle.times_color}">{{this.outTime[1]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[2]}}</p> <p :style="{color:dynamicStyle.times_color}">{{this.outTime[2]}}</p>
</div> </div>
<div class="box"> <div class="box">
<div class="box-cotent"> <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_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_common_img_d.png',
footer_color: '#4989F5', footer_color: '#4989F5',
notis_color: '#FF486D', 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_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', 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_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/wx_common_img_d.png',
footer_color: '#5eb145', footer_color: '#5eb145',
time_color: '#5eb145', time_color: '#5eb145',
times_color: '#5eb145',
notis_color: '#239700', notis_color: '#239700',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_tobeused.png', 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', 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_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_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_common_img_d.png',
footer_color: '#FF4901', footer_color: '#FF4901',
time_color: '#ed703f', time_colors: '#ed703f',
notis_color: '#FFD3D8', notis_color: '#FFD3D8',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_redenvelope_tobeused.png', 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', 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; margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_1.png"); background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_1.png");
background-size: 100% 100%; background-size: 100% 100%;
padding: 0.03rem; min-width: 0.18rem;
padding: 0.028rem;
} }
} }

View File

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

View File

@ -36,9 +36,9 @@
<div class="content" :style="{background: dynamicStyle.bg}"> <div class="content" :style="{background: dynamicStyle.bg}">
<img class="banner" :src="dynamicStyle.banner" alt=""> <img class="banner" :src="dynamicStyle.banner" alt="">
<div class="countdown" v-if="this.outTime.length>0"> <div class="countdown" v-if="this.outTime.length>0">
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[0]}}</p> <p :style="{color:dynamicStyle.times_color}">{{this.outTime[0]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[1]}}</p> <p :style="{color:dynamicStyle.times_color}">{{this.outTime[1]}}</p>
<p :style="{color:dynamicStyle.time_color}">{{this.outTime[2]}}</p> <p :style="{color:dynamicStyle.times_color}">{{this.outTime[2]}}</p>
</div> </div>
<div class="box"> <div class="box">
<div class="box-cotent"> <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_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_common_img_d.png',
footer_color: '#4989F5', footer_color: '#4989F5',
notis_color: '#FF486D', 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_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', 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_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/wx_common_img_d.png',
footer_color: '#5eb145', footer_color: '#5eb145',
time_color: '#5eb145', time_color: '#5eb145',
time_colors: '#5eb145',
notis_color: '#239700', notis_color: '#239700',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/zfb_redenvelope_tobeused.png', 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', 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_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_bottom: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_common_img_d.png',
footer_color: '#FF4901', footer_color: '#FF4901',
time_color: '#ed703f', times_color: '#ed703f',
notis_color: '#FFD3D8', notis_color: '#FFD3D8',
goods_a: 'https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/combining/ysf_redenvelope_tobeused.png', 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', 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; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: #fff; color: #333;
margin: 0.2rem 0; margin-top: 0.05rem;
} }
.countdown p { .countdown p {
margin: 0.05rem; margin: 0.05rem;
background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_2.png"); background: url("https://lsxdemall.oss-cn-beijing.aliyuncs.com/MarketingSystem/img/reduce/check_2.png");
background-size: 100% 100%; background-size: 100% 100%;
padding: 0.03rem; min-width: 0.18rem;
padding: 0.028rem;
color: #ee1920; color: #ee1920;
} }

View File

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