diff --git a/components/diy_pingd_buy/diy_pingd_buy.wxml b/components/diy_pingd_buy/diy_pingd_buy.wxml
index 8808090..d02507f 100644
--- a/components/diy_pingd_buy/diy_pingd_buy.wxml
+++ b/components/diy_pingd_buy/diy_pingd_buy.wxml
@@ -1,110 +1,109 @@
-
-
-
- 拼单
-
-
-
+
+
+
+
+ 拼单
-
-
-
-
-
-
-
-
-
-
- 即将开始
-
-
- 火热进行
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
+
+ 即将开始
+
+
+ 火热进行
+
- 商家
- 会员
- 阶梯
-
+
-
- {{aitem.goods_name}}
- ￥{{aitem.price}}
-
+
+
+
-
- {{aitem.ct_num}}人团
+
+
+
+
+
+
- 去参团
- 去开团
- 去开团
- 已抢光
-
-
-
-
-
-
+ 商家
+ 会员
+ 阶梯
+
-
-
-
-
-
-
-
-
-
-
- 商家
- 会员
- 阶梯
-
-
+
+ {{aitem.goods_name}}
+ ￥{{aitem.price}}
+
-
+
+ {{aitem.ct_num}}人团
- {{aitem.title}}
-
- 已团{{aitem.buy_num}}件
- {{aitem.ct_num}}人团
-
- ￥{{aitem.price}}
- ￥{{aitem.market_price}}
-
-
- {{aitem.djs.day}}天{{aitem.djs.hou}}时{{aitem.djs.min}}分{{aitem.djs.sec}}秒
-
-
- 去参团
- 去开团
- 去参团
- 已抢光
-
-
-
-
-
+ 去参团
+ 去开团
+ 去开团
+ 已抢光
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 商家
+ 会员
+ 阶梯
+
+
+
+
+
+ {{aitem.title}}
+
+ 已团{{aitem.buy_num}}件 {{aitem.ct_num}}人团
+
+
+ ￥{{aitem.price}}
+ ￥{{aitem.market_price}}
+
+
+
+ {{aitem.djs.day}}天{{aitem.djs.hou}}时{{aitem.djs.min}}分{{aitem.djs.sec}}秒
+
+
+ 去参团
+ 去开团
+ 去参团
+ 已抢光
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/components/diy_pingd_buy/diy_pingd_buy.wxss b/components/diy_pingd_buy/diy_pingd_buy.wxss
index 7ecabf5..9f8d984 100644
--- a/components/diy_pingd_buy/diy_pingd_buy.wxss
+++ b/components/diy_pingd_buy/diy_pingd_buy.wxss
@@ -1,7 +1,10 @@
/* pages/wp/wp.wxss */
-
+.top{
+ display: flex;
+ align-items: center;
+}
.top_p {
- width: 100%;
+ padding:0rpx 20rpx;
background-color: white;
height: 70rpx;
line-height: 70rpx;
@@ -9,12 +12,12 @@
text-align: left;
border-bottom: 2rpx solid #eee;
display: flex;
+ justify-content: space-between;
+ align-items: center;
}
.right_p {
width: 30rpx;
- height: 100%;
- margin-left: 580rpx;
}
.right_p image {
@@ -26,9 +29,7 @@
width: 10rpx;
height: 38rpx;
background: #c4182e;
- margin-top: 18rpx;
margin-right: 12rpx;
- margin-left: 20rpx;
}
.sp_p {
@@ -42,7 +43,7 @@
.sp_p .sp_top_p {
height: 220rpx;
min-width: 30%;
- position: relative;
+ position: relative;
}
.sp_p .sp_top_p .s_img_p {
@@ -206,21 +207,24 @@ swiper {
}
.sp2_p .one1_p {
- width: 100%;
background-color: white;
height: 252rpx;
display: flex;
padding: 20rpx;
border-bottom: 6rpx#eee solid;
+ align-items: center;
}
.sp2_p .one1_p .o1_img_p {
- width: 200rpx;
- height: 240rpx;
- margin-right: 24rpx;
+ width: 220rpx;
+ height: 220rpx;
+ margin-right: 25rpx;
}
-.o1_right_p{position: relative; width: 485rpx;}
+.o1_right_p {
+ position: relative;
+ width: 465rpx;
+}
.o1_right_p .sp_wzi_p {
font-size: 36rpx;
@@ -228,16 +232,16 @@ swiper {
width: 100%;
text-align: left;
padding: 4rpx 0;
- overflow: hidden;
height: 48rpx;
+ overflow: hidden;
+ white-space: nowrap;
text-overflow: ellipsis;
}
.o1_right_p .o1_sj_p {
height: 60rpx;
- margin-bottom: 10rpx;
- font-size: 28rpx;
- line-height: 40rpx;
+ font-size: 28rpx;
+ line-height: 40rpx;
}
.o1_right_p .o1_sj_p text {
@@ -269,8 +273,6 @@ swiper {
height: 100%;
background-color: blueviolet;
position: relative;
- top: -8rpx;
- left: 0rpx;
}
.o1_right_p .wo_p {
@@ -280,11 +282,11 @@ swiper {
line-height: 60rpx;
color: white;
text-align: center;
- font-size: 26rpx;
+ font-size: 32rpx;
border-radius: 14rpx;
- position: absolute;
- right: 0;
- bottom:46rpx;
+ position: absolute;
+ right: 0;
+ bottom: 46rpx;
}
.sp_sj_p {
@@ -295,12 +297,11 @@ swiper {
position: absolute;
bottom: 300rpx;
right: 0rpx;
- top: 0;
+ top: 0;
width: 60rpx;
height: 60rpx;
text-align: center;
line-height: 60rpx;
-
}
.sp_sj1_p {
@@ -315,20 +316,48 @@ swiper {
text-align: center;
line-height: 60rpx;
}
-.tuan_set_num{
- display: flex;justify-content: space-between; font-size: 28rpx;
+
+.tuan_set_num {
+ display: flex;
+ justify-content: space-between;
+ font-size: 28rpx;
+}
+
+.tuan_set_num .co-red2 {
+ color: #b2aea8;
+ font-size: 26rpx;
+}
+
+.tuan_set_num .cantuan {
+ background: #c4182e;
+ color: #fff;
+ padding: 4rpx 10rpx;
+ border-radius: 5rpx;
}
-.tuan_set_num .co-red2{
- color: #B2AEA8;font-size: 26rpx;
+.tuan_set_num .cantuan.huise {
+ background: gainsboro;
+ color: #666;
}
-.tuan_set_num .cantuan{
- background:#c4182e; color: #fff; padding: 4rpx 10rpx; border-radius:5rpx ;
+
+.o1_sj_p .time_img {
+ width: 40rpx;
+ height: 40rpx;
+ vertical-align: top;
+ margin-right: 10rpx;
}
-.tuan_set_num .cantuan.huise{
- background:gainsboro; color: #666;
+
+.o1_right_p .co-red2 {
+ font-size: 30rpx;
+ color: #999;
}
-.o1_sj_p .time_img{width: 40rpx; height: 40rpx; vertical-align: top; margin-right: 10rpx;}
-.o1_right_p .co-red2{font-size:30rpx; color: #999;}
-.o1_right_p .co-red2 .yituan_num{font-size:30rpx; margin-right: 10rpx; color: #333;}
+.o1_right_p .co-red2 .yituan_num {
+ font-size: 30rpx;
+ margin-right: 10rpx;
+ color: #333;
+}
+.money{
+ display: flex;
+ align-items: center;
+}
\ No newline at end of file
diff --git a/components/diy_seckill/diy_seckill.wxml b/components/diy_seckill/diy_seckill.wxml
index 653412b..b07f9fb 100644
--- a/components/diy_seckill/diy_seckill.wxml
+++ b/components/diy_seckill/diy_seckill.wxml
@@ -1,100 +1,99 @@
-
-
-
- 秒杀
+
+
+
+
+ 秒杀
+
-
+
-
+
-
-
+
+
-
-
-
-
-
-
-
- 即将开始
-
-
- 火热进行
-
-
+
+
+
+
+
+
+
+ 即将开始
+
+
+ 火热进行
+
+
-
-
-
+
+
+
-
-
+
+
-
+
-
- {{aitem.goods_name}}
- ￥{{aitem.price}}
- ￥{{aitem.market_price}}
-
+
+ {{aitem.goods_name}}
+ ￥{{aitem.price}}
+ ￥{{aitem.market_price}}
+
-
-
-
-
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
- {{aitem.goods_name}}
-
- {{aitem.djs.day}}
- 天
- {{aitem.djs.hou}}
- :
- {{aitem.djs.min}}
- :
- {{aitem.djs.sec}}
+
+
+
+
+
-
- ￥{{aitem.price}}
- ￥{{aitem.market_price}}
-
- 正在预热
-
-
- 我要抢
-
+
+
+
+
+ {{aitem.goods_name}}
+
+ {{aitem.djs.day}} 天
+ {{aitem.djs.hou}} :
+ {{aitem.djs.min}} :
+ {{aitem.djs.sec}}
-
+
+
+ ￥{{aitem.price}}
+ ￥{{aitem.market_price}}
+
+
+ 正在预热
+
+
+
+ 我要抢
-
-
+
+
+
+
+
+
+
-
-
+
+
\ No newline at end of file
diff --git a/components/diy_seckill/diy_seckill.wxss b/components/diy_seckill/diy_seckill.wxss
index 8d24783..9719c82 100644
--- a/components/diy_seckill/diy_seckill.wxss
+++ b/components/diy_seckill/diy_seckill.wxss
@@ -1,334 +1,286 @@
-
-.top{
- width: 100%;
+.flex{
+ display: flex;
+ align-items: center;
+}
+.top {
background-color: white;
height: 70rpx;
line-height: 70rpx;
- color: #000;
- text-align: left;
- border-bottom: 2rpx solid #eee;
- display: flex;
+ color: #000;
+ border-bottom: 2rpx solid #eee;
+ padding:0rpx 20rpx;
+ display: flex;
+ justify-content: space-between;
}
-
-.s_it{
+.s_it {
width: 100%;
display: flex;
background-color: white;
}
-.s_prom{
+.s_prom {
width: 100%;
background-color: white;
min-height: 200rpx;
}
swiper {
- display:block;
- height:400rpx;
-
+ display: block;
+ height: 400rpx;
}
-.right_k{
+.right_k {
width: 30rpx;
- height: 100%;
- margin-left: 580rpx;
}
-.right_k image{ width: 30rpx; height: 30rpx}
-
-
-.top .t_left{
- width: 10rpx;
- height: 38rpx;
- background: #C4182E;
- margin-top:18rpx;
-margin-right:12rpx;
-margin-left:20rpx;
+.right_k image{
+ width: 30rpx;
+ height: 30rpx;
+}
+ .t_left {
+ width: 10rpx;
+ height: 38rpx;
+ background: #c4182e;
+ margin-right: 10rpx;
}
-.sp{
+.sp {
min-height: 300rpx;
width: 100%;
background-color: white;
- padding:18rpx;
-display: flex;
+ padding: 18rpx;
+ display: flex;
}
-.sp .sp_top{
+.sp .sp_top {
height: 220rpx;
min-width: 30%;
-
-
}
-.sp .sp_top .s_img{
+.sp .sp_top .s_img {
width: 210rpx;
height: 100%;
}
-.sp .sp_top .s_img image{
+.sp .sp_top .s_img image {
width: 210rpx;
height: 100%;
-
position: relative;
top: -74rpx;
- left:0rpx;
-
+ left: 0rpx;
}
-.sp .sp_top .s_top_kill
-
-{
-
-background-color:#C4182E;
-font-size:24rpx;
-height:38rpx;
-line-height:38rpx;
-left:6rpx;
-
-padding:4rpx 10rpx;
-
-border-radius:10rpx;
-
-
-z-index: 999;
+.sp .sp_top .s_top_kill {
+ background-color: #c4182e;
+ font-size: 24rpx;
+ height: 38rpx;
+ line-height: 38rpx;
+ left: 6rpx;
+ padding: 4rpx 10rpx;
+ border-radius: 10rpx;
+ z-index: 999;
position: relative;
- top:-6rpx;
- width: 210rpx;
-
-
- color: #fff;
- text-align: center;
-
-
+ top: -6rpx;
+ width: 210rpx;
+ color: #fff;
+ text-align: center;
}
-.po{
+.po {
position: absolute;
}
-.sp .sp_top .s_foot_kill{
+.sp .sp_top .s_foot_kill {
font-size: 20rpx;
position: relative;
- top:-90rpx;
- width: 210rpx;
- height: 38rpx;
- line-height: 38rpx;
- color: #fff;
- text-align: center;
- background-color: rgba(0, 0, 0, 0.5);
+ top: -90rpx;
+ width: 210rpx;
+ height: 38rpx;
+ line-height: 38rpx;
+ color: #fff;
+ text-align: center;
+ background-color: rgba(0, 0, 0, 0.5);
}
-
-
-.sp_wz{
-width: 210rpx;
- min-height:100rpx;
-
+.sp_wz {
+ width: 210rpx;
+ min-height: 100rpx;
}
-.sp_wz .sp_wzi{
- font-size: 30rpx;
- border-bottom: 2rpx solid #dcdcdc;
- width: 100%;
- text-align: left;
- padding: 4rpx 0;
- overflow: hidden;
- height: 48rpx;
- text-overflow: ellipsis;
- white-space: nowrap;
- line-height: 48rpx;
+.sp_wz .sp_wzi {
+ font-size: 30rpx;
+ border-bottom: 2rpx solid #dcdcdc;
+ width: 100%;
+ text-align: left;
+ padding: 4rpx 0;
+ overflow: hidden;
+ height: 48rpx;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ line-height: 48rpx;
}
-.sp_wz .sp_jg{
- color: #C4182E;
- font-size: 30rpx;
- overflow: hidden;
- display: inline-block;
- text-overflow: ellipsis;
- white-space: nowrap;
- margin-right: 10rpx;
+.sp_wz .sp_jg {
+ color: #c4182e;
+ font-size: 30rpx;
+ overflow: hidden;
+ display: inline-block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ margin-right: 10rpx;
}
-.sp_wz .sp_jgx{
+.sp_wz .sp_jgx {
color: #adadad;
- text-decoration: line-through;
- font-size: 24rpx;
-
- overflow: hidden;
- display: inline-block;
- text-overflow: ellipsis;
- white-space: nowrap;
-
+ text-decoration: line-through;
+ font-size: 24rpx;
+ overflow: hidden;
+ display: inline-block;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-.one{
+.one {
margin-left: 14rpx;
-
}
-
-.sp .sp_top .s_top1_kill{
+.sp .sp_top .s_top1_kill {
position: absolute;
-background-color:#C4182E;
-font-size:24rpx;
-height:38rpx;
-line-height:38rpx;
-left:265rpx;
-top:100rpx;
-padding:0 10rpx;
-color:white;
-border-radius:10rpx;
-
+ background-color: #c4182e;
+ font-size: 24rpx;
+ height: 38rpx;
+ line-height: 38rpx;
+ left: 265rpx;
+ top: 100rpx;
+ padding: 0 10rpx;
+ color: white;
+ border-radius: 10rpx;
}
-.sp .sp_top .s_top2_kill{
+.sp .sp_top .s_top2_kill {
position: absolute;
-background-color:#C4182E;
-font-size:24rpx;
-height:38rpx;
-line-height:38rpx;
-right:146rpx;
-top:100rpx;
-padding:0 10rpx;
-color:white;
-border-radius:10rpx;
-
+ background-color: #c4182e;
+ font-size: 24rpx;
+ height: 38rpx;
+ line-height: 38rpx;
+ right: 146rpx;
+ top: 100rpx;
+ padding: 0 10rpx;
+ color: white;
+ border-radius: 10rpx;
}
-
-
-.sp .sp_top .s_foot1_kill{
+.sp .sp_top .s_foot1_kill {
font-size: 20rpx;
position: absolute;
- top:270rpx;
- width: 210rpx;
- height: 38rpx;
- line-height: 38rpx;
- color: #fff;
- text-align: center;
- background-color: rgba(0, 0, 0, 0.5);
+ top: 270rpx;
+ width: 210rpx;
+ height: 38rpx;
+ line-height: 38rpx;
+ color: #fff;
+ text-align: center;
+ background-color: rgba(0, 0, 0, 0.5);
}
-.po1{
+.po1 {
position: absolute;
}
-
-.sp .sp_top .s_foot2_kill{
+.sp .sp_top .s_foot2_kill {
font-size: 20rpx;
position: absolute;
- top:270rpx;
- width: 210rpx;
- height: 38rpx;
- line-height: 38rpx;
- color: #fff;
- text-align: center;
- background-color: rgba(0, 0, 0, 0.5);
+ top: 270rpx;
+ width: 210rpx;
+ height: 38rpx;
+ line-height: 38rpx;
+ color: #fff;
+ text-align: center;
+ background-color: rgba(0, 0, 0, 0.5);
}
-
-
-
-
-
-
-.sp2{
+.sp2 {
width: 100%;
min-height: 240rpx;
-
}
-.sp2 .one1{
- width: 100%;
+.sp2 .one1 {
background-color: white;
- height: 252rpx;
+ height: 285rpx;
display: flex;
- padding: 20rpx;
- border-bottom:6rpx#eee solid;
-
+ padding:0rpx 20rpx;
+ border-bottom: 6rpx#eee solid;
+ align-items: center;
}
-.sp2 .one1 .o1_img{
- width: 200rpx;
- height: 240rpx;
-
- margin-right: 24rpx;
+.sp2 .one1 .o1_img {
+ width: 220rpx;
+ height: 220rpx;
+ margin-right: 25rpx;
}
-.o1_right .sp_wzi{
+.o1_right .sp_wzi {
font-size: 36rpx;
- margin-bottom:6rpx;
-
- width: 100%;
+ margin-bottom: 6rpx;
text-align: left;
padding: 4rpx 0;
- overflow: hidden;
height: 48rpx;
+ overflow: hidden;
+ white-space: nowrap;
text-overflow: ellipsis;
- white-space: nowrap
}
-.o1_right .o1_sj_kill{
+.o1_right .o1_sj_kill {
height: 60rpx;
-
margin-bottom: 10rpx;
}
-.o1_right .o1_sj_kill text{
+.o1_right .o1_sj_kill text {
background-color: #fdcb08;
text-align: center;
border-radius: 10rpx;
- padding:4rpx;
-margin-left:6rpx;
-
+ padding: 4rpx;
+ margin-left: 6rpx;
}
-
-
-.o1_right .sp_jg{
- color: #C4182E;
+.o1_right .sp_jg {
+ color: #c4182e;
font-size: 36rpx;
-
overflow: hidden;
display: inline-block;
margin-right: 10rpx;
}
-.o1_right .sp_jgx{
+.o1_right .sp_jgx {
color: #dcdcdc;
text-decoration: line-through;
font-size: 26rpx;
-
overflow: hidden;
display: inline-block;
}
-
-.o1_img image{
- width: 100%;
- height: 100%;
-
- position:relative;
-top:-23rpx;
-left:0rpx;
-
+.o1_img image {
+ width: 220rpx;
+ height: 220rpx;
}
-
-.o1_right .wo{
- background-color: #C4182E;
+.o1_right{
+ width: 465rpx;
+}
+.o1_right .wo {
+ background-color: #c4182e;
width: 160rpx;
height: 60rpx;
line-height: 60rpx;
color: white;
text-align: center;
- font-size: 38rpx;
- margin-left:298rpx;
-border-radius:14rpx;
-padding-left: 10rpx;
-padding-right: 10rpx;
+ font-size: 32rpx;
+ border-radius: 14rpx;
}
-
-
-
+.rob{
+ display: flex;
+ justify-content: flex-end;
+}
+.money{
+ display: flex;
+ align-items: center;
+}
\ No newline at end of file