From d02cd3bac2d9dffd687e96997fa7be7da9d4339a Mon Sep 17 00:00:00 2001
From: iceling <iceling.qian@meidd.com>
Date: Fri, 27 Dec 2019 18:09:11 +0800
Subject: [PATCH] 秒杀，拼单页面优化

---
 components/diy_pingd_buy/diy_pingd_buy.wxml | 189 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------------------------------------------------
 components/diy_pingd_buy/diy_pingd_buy.wxss |  99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------
 components/diy_seckill/diy_seckill.wxml     | 159 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++--------------------------------------------------------------------------------
 components/diy_seckill/diy_seckill.wxss     | 366 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 4 files changed, 396 insertions(+), 417 deletions(-)

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 @@
 <!--pages/wp/wp.wxml-->
 <block wx:if="goods_array.length>0">
-    <!--拼单-->
-    <view class='top_p'>
-        <view class='t_left_p'></view>
-        <view class='t_ms_p'>拼单</view>
-        <view class='right_p' bindtap="go_to_pindlist">
-            <image src="{{iurl}}/miniapp/images/icon-arrowdown.png"></image>
-        </view>
+  <!--拼单-->
+  <view class='top_p'>
+    <view class="top">
+      <view class='t_left_p'></view>
+      <view class='t_ms_p'>拼单</view>
     </view>
-    <!--商品展示-->
-    <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.style==1}}">
-        <view class='sp_p' wx:if="{{object.style==1}}">
-            <swiper-item class="s_it" wx:for="{{goods_array}}" >
-                <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind" >
-                    <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
-                        <view class='one_p'>
-                            <view class='sp_top_p'>
-
-                            <block wx:if="{{aitem.start_time>newTime}}">
-                                 <span class='s_top_p' style="background-color: #ffe718;color: #3c3b31;font-weight: bold">即将开始</span>
-                                </block>
-                                <block wx:if="{{aitem.start_time<newTime}}">
-                                    <span class='s_top_p'>火热进行</span>
-                                </block>
-                            
-                                <!-- <span class='s_top_p'>火热进行</span> -->
-
-                                <view class='s_img_p'>
-                                    <image src="{{iurl+aitem.original_img}}"
-                                           data-errorimg="goods_array[{{index}}][{{aind}}].original_img"
-                                           binderror="bind_bnerr3"></image>
-                                </view>
+    <view class='right_p' bindtap="go_to_pindlist">
+      <image src="{{iurl}}/miniapp/images/icon-arrowdown.png" lazy-load="true"></image>
+    </view>
+  </view>
+  <!--商品展示-->
+  <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.style==1}}">
+    <view class='sp_p' wx:if="{{object.style==1}}">
+      <swiper-item class="s_it" wx:for="{{goods_array}}">
+        <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
+          <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
+            <view class='one_p'>
+              <view class='sp_top_p'>
 
-                                <!--<view class='s_foot_p'>-->
-                                    <!--<text>{{aitem.djs.hou}}天</text>-->
-                                    <!--<text>{{aitem.djs.hou}}时</text>-->
-                                    <!--<text>{{aitem.djs.min}}分</text>-->
-                                    <!--<text>{{aitem.djs.sec}}秒</text>-->
-                                <!--</view>-->
+                <block wx:if="{{aitem.start_time>newTime}}">
+                  <span class='s_top_p' style="background-color: #ffe718;color: #3c3b31;font-weight: bold">即将开始</span>
+                </block>
+                <block wx:if="{{aitem.start_time<newTime}}">
+                  <span class='s_top_p'>火热进行</span>
+                </block>
 
-                                <view class='sp_sj_p' wx:if="{{aitem.kttype==1}}">商家</view>
-                                <view class='sp_sj_p' wx:if="{{aitem.kttype==2}}">会员</view>
-                                <view class='sp_sj_p' wx:if="{{aitem.kttype==3}}">阶梯</view>
-                            </view>
+                <!-- <span class='s_top_p'>火热进行</span> -->
 
-                            <view class='sp_wz_p'>
-                                <view class='sp_wzi_p'>{{aitem.goods_name}}</view>
-                                <view class='sp_jg_p'>￥{{aitem.price}}</view>
-                                <!--<view class='sp_jgx_p'>￥{{aitem.market_price}}</view>-->
+                <view class='s_img_p'>
+                  <image src="{{iurl+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image>
+                </view>
 
-                                <view class="tuan_set_num">
-                                    <view class="co-red2">{{aitem.ct_num}}人团</view>
+                <!--<view class='s_foot_p'>-->
+                <!--<text>{{aitem.djs.hou}}天</text>-->
+                <!--<text>{{aitem.djs.hou}}时</text>-->
+                <!--<text>{{aitem.djs.min}}分</text>-->
+                <!--<text>{{aitem.djs.sec}}秒</text>-->
+                <!--</view>-->
 
-                                    <view  wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去参团</view>
-                                    <view  wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view>
-                                    <view  wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view>
-                                    <view  wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="cantuan huise">已抢光</view>
-                                </view>
-                            </view>
-                        </view>
-                    </navigator>
-                </block>
-            </swiper-item>
+                <view class='sp_sj_p' wx:if="{{aitem.kttype==1}}">商家</view>
+                <view class='sp_sj_p' wx:if="{{aitem.kttype==2}}">会员</view>
+                <view class='sp_sj_p' wx:if="{{aitem.kttype==3}}">阶梯</view>
+              </view>
 
-        </view>
-    </swiper>
-    <view class="sp2_p" wx:if="{{object.style==2}}">
-        <block wx:for="{{goods_array}}" >
-            <block wx:for="{{item}}"  wx:for-item="aitem" wx:for-index="aind" >
-                <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
-                    <view class='one1_p'>
-                        <block>
-                            <view class="o1_img_p">
-                                <image src="{{iurl+aitem.original_img}}"
-                                       data-errorimg="goods_array[{{index}}][{{aind}}].original_img"
-                                       binderror="bind_bnerr3"></image>
-                                <view class='sp_sj1_p' wx:if="{{aitem.kttype==1}}">商家</view>
-                                <view class='sp_sj1_p' wx:if="{{aitem.kttype==2}}">会员</view>
-                                <view class='sp_sj1_p' wx:if="{{aitem.kttype==3}}">阶梯</view>
-                            </view>
-                        </block>
+              <view class='sp_wz_p'>
+                <view class='sp_wzi_p'>{{aitem.goods_name}}</view>
+                <view class='sp_jg_p'>￥{{aitem.price}}</view>
+                <!--<view class='sp_jgx_p'>￥{{aitem.market_price}}</view>-->
 
-                        <view class="o1_right_p">
+                <view class="tuan_set_num">
+                  <view class="co-red2">{{aitem.ct_num}}人团</view>
 
-                            <view class="sp_wzi_p">{{aitem.title}}</view>         									 
-							<view class="co-red2">
-							  <text class="yituan_num">已团{{aitem.buy_num}}件</text>
-							  {{aitem.ct_num}}人团
-							</view>	
-                            <view class='sp_jg_p'>￥{{aitem.price}}</view>
-                            <view class='sp_jgx_p'>￥{{aitem.market_price}}</view>
-							
-							 <view class="o1_sj_p">
-							   <image class="time_img" src="/public/static/images/model/time.png"></image><block wx:if="aitem.djs.day>0">{{aitem.djs.day}}天</block>{{aitem.djs.hou}}时{{aitem.djs.min}}分{{aitem.djs.sec}}秒
-							</view>
-                           		   
-							<view wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去参团</view>
-							<view wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去开团</view>
-							<view wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去参团</view>
-							<view wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="wo_p huise">已抢光</view>
-                                            
-                        </view>
-                    </view>
-                </navigator>
-            </block>
+                  <view wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去参团</view>
+                  <view wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view>
+                  <view wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="cantuan">去开团</view>
+                  <view wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="cantuan huise">已抢光</view>
+                </view>
+              </view>
+            </view>
+          </navigator>
         </block>
+      </swiper-item>
+
     </view>
+  </swiper>
+  <view class="sp2_p" wx:if="{{object.style==2}}">
+    <block wx:for="{{goods_array}}">
+      <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
+        <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
+          <view class='one1_p'>
+            <block>
+              <view class="o1_img_p">
+                <image src="{{iurl+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image>
+                <view class='sp_sj1_p' wx:if="{{aitem.kttype==1}}">商家</view>
+                <view class='sp_sj1_p' wx:if="{{aitem.kttype==2}}">会员</view>
+                <view class='sp_sj1_p' wx:if="{{aitem.kttype==3}}">阶梯</view>
+              </view>
+            </block>
+
+            <view class="o1_right_p">
+
+              <view class="sp_wzi_p">{{aitem.title}}</view>
+              <view class="co-red2">
+                <text class="yituan_num">已团{{aitem.buy_num}}件</text> {{aitem.ct_num}}人团
+              </view>
+              <view class="money">
+                <view class='sp_jg_p'>￥{{aitem.price}}</view>
+                <view class='sp_jgx_p'>￥{{aitem.market_price}}</view>
+              </view>
+              <view class="o1_sj_p">
+                <image class="time_img" src="/public/static/images/model/time.png"></image>
+                <block wx:if="aitem.djs.day>0">{{aitem.djs.day}}天</block>{{aitem.djs.hou}}时{{aitem.djs.min}}分{{aitem.djs.sec}}秒
+              </view>
+
+              <view wx:if="{{aitem.kttype==1 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去参团</view>
+              <view wx:if="{{aitem.kttype==2 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去开团</view>
+              <view wx:if="{{aitem.kttype==3 && aitem.goods_num>aitem.buy_num }}" class="wo_p">去参团</view>
+              <view wx:if="{{aitem.goods_num<=aitem.buy_num }}" class="wo_p huise">已抢光</view>
+
+            </view>
+          </view>
+        </navigator>
+      </block>
+    </block>
+  </view>
 
 </block>
\ 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 @@
 <block wx:if="goods_array.length>0">
-    <!--秒杀-->
-    <view class='top'>
-        <view class='t_left'></view>
-        <view class='t_ms'>秒杀</view>
+  <!--秒杀-->
+  <view class='top'>
+    <view class="flex">
+      <view class='t_left'></view>
+      <view class='t_ms'>秒杀</view>
+      </view>
         <view class='right_k' bindtap="go_to_skill">
-            <image src="{{imghost}}/miniapp/images/icon-arrowdown.png"></image>
+          <image src="{{imghost}}/miniapp/images/icon-arrowdown.png" lazy-load="true"></image>
         </view>
-    </view>
+      </view>
 
-    <!--商品展示-->
-    <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.style==1}}">
+      <!--商品展示-->
+      <swiper class="s_prom" indicator-active-color='red' indicator-dots="false" wx:if="{{object.style==1}}">
         <view class='sp' wx:if="{{object.style==1}}">
-            <swiper-item class="s_it" wx:for="{{goods_array}}" >
-                <block wx:for="{{item}}"  wx:for-item="aitem" wx:for-index="aind">
-                    <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
-                        <view class='one'>
-                            <view class='sp_top'>
-                                <view class='po'></view>
-                                <block wx:if="{{aitem.start_time>newTime}}">
-                                <span class='s_top_kill' style="background-color: #ffe718;color: #3c3b31;font-weight: bold">即将开始</span>
-                                </block>
-                                <block wx:if="{{aitem.start_time<newTime}}">
-                                    <span class='s_top_kill'>火热进行</span>
-                                </block>
-                                <view class='clear'></view>
+          <swiper-item class="s_it" wx:for="{{goods_array}}">
+            <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
+              <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
+                <view class='one'>
+                  <view class='sp_top'>
+                    <view class='po'></view>
+                    <block wx:if="{{aitem.start_time>newTime}}">
+                      <span class='s_top_kill' style="background-color: #ffe718;color: #3c3b31;font-weight: bold">即将开始</span>
+                    </block>
+                    <block wx:if="{{aitem.start_time<newTime}}">
+                      <span class='s_top_kill'>火热进行</span>
+                    </block>
+                    <view class='clear'></view>
 
-                                <view class='s_img'>
-                                    <image src="{{imghost+aitem.original_img}}"
-                                           data-errorimg="goods_array[{{index}}][{{aind}}].original_img"
-                                           binderror="bind_bnerr3"></image>
-                                </view>
+                    <view class='s_img'>
+                      <image src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image>
+                    </view>
 
-                                <view class='s_foot_kill'>
-                                    <text>{{aitem.djs.day}}天</text>
-                                    <text>{{aitem.djs.hou}}时</text>
-                                    <text>{{aitem.djs.min}}分</text>
-                                    <text>{{aitem.djs.sec}}秒</text>
-                                </view>
-                                <view class='clear'></view>
+                    <view class='s_foot_kill'>
+                      <text>{{aitem.djs.day}}天</text>
+                      <text>{{aitem.djs.hou}}时</text>
+                      <text>{{aitem.djs.min}}分</text>
+                      <text>{{aitem.djs.sec}}秒</text>
+                    </view>
+                    <view class='clear'></view>
 
-                            </view>
+                  </view>
 
-                            <view class='sp_wz'>
-                                <view class='sp_wzi'>{{aitem.goods_name}}</view>
-                                <view class='sp_jg'>￥{{aitem.price}}</view>
-                                <view class='sp_jgx'>￥{{aitem.market_price}}</view>
-                            </view>
+                  <view class='sp_wz'>
+                    <view class='sp_wzi'>{{aitem.goods_name}}</view>
+                    <view class='sp_jg'>￥{{aitem.price}}</view>
+                    <view class='sp_jgx'>￥{{aitem.market_price}}</view>
+                  </view>
 
-                        </view>
-                    </navigator>
-                </block>
-            </swiper-item>
+                </view>
+              </navigator>
+            </block>
+          </swiper-item>
         </view>
-    </swiper>
+      </swiper>
 
-    <view class="sp2" wx:if="{{object.style==2}}">
-        <block wx:for="{{goods_array}}" >
-            <block wx:for="{{item}}"  wx:for-item="aitem" wx:for-index="aind" >
-                <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
-                    <view class='one1'>
-                      
-                            <view class="o1_img">
-                                 <image src="{{imghost+aitem.original_img}}"
-                                           data-errorimg="goods_array[{{index}}][{{aind}}].original_img"
-                                           binderror="bind_bnerr3"></image>
-                            </view>
-                      
-                        <view class="o1_right">
-                            <view class="sp_wzi">{{aitem.goods_name}}</view>
-                            <view class="o1_sj_kill">
-                                <text>{{aitem.djs.day}}</text>
-                                天
-                                <text>{{aitem.djs.hou}}</text>
-                                :
-                                <text>{{aitem.djs.min}}</text>
-                                :
-                                <text>{{aitem.djs.sec}}</text>
+      <view class="sp2" wx:if="{{object.style==2}}">
+        <block wx:for="{{goods_array}}">
+          <block wx:for="{{item}}" wx:for-item="aitem" wx:for-index="aind">
+            <navigator url="/pages/goods/goodsInfo/goodsInfo?goods_id={{aitem.goods_id}}" class="s1_gk_a1">
+              <view class='one1'>
 
-                            </view>
-                            <view class='sp_jg'>￥{{aitem.price}}</view>
-                            <view class='sp_jgx'>￥{{aitem.market_price}}</view>
-                            <block wx:if="{{aitem.start_time>newTime}}">
-                                <view class="wo" style="background-color: #adadad">正在预热</view>
-                            </block>
-                            <block wx:if="{{aitem.start_time<newTime}}">
-                                <view class="wo">我要抢</view>
-                            </block>
+                <view class="o1_img">
+                  <image src="{{imghost+aitem.original_img}}" data-errorimg="goods_array[{{index}}][{{aind}}].original_img" binderror="bind_bnerr3"></image>
+                </view>
 
+                <view class="o1_right">
+                  <view class="sp_wzi">{{aitem.goods_name}}</view>
+                  <view class="o1_sj_kill">
+                    <text>{{aitem.djs.day}}</text> 天
+                    <text>{{aitem.djs.hou}}</text> :
+                    <text>{{aitem.djs.min}}</text> :
+                    <text>{{aitem.djs.sec}}</text>
 
-                        </view>
+                  </view>
+                  <view class="money">
+                    <view class='sp_jg'>￥{{aitem.price}}</view>
+                    <view class='sp_jgx'>￥{{aitem.market_price}}</view>
+                  </view>
+                  <block wx:if="{{aitem.start_time>newTime}}">
+                    <view class="wo" style="background-color: #adadad">正在预热</view>
+                  </block>
+                  <block wx:if="{{aitem.start_time<newTime}}">
+                    <view class="rob">
+                      <view class="wo">我要抢</view>
                     </view>
-                </navigator>
-            </block>
+                  </block>
+
+
+                </view>
+              </view>
+            </navigator>
+          </block>
         </block>
 
-    </view>
-    <view class='clear'></view>
+      </view>
+      <view class='clear'></view>
 
 </block>
\ 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
--
libgit2 0.21.4