商品详情

后端开发-许程
1 parent b131abf8
Showing 3 changed files with 277 additions and 13 deletions
pages/goods/goodsInfo/goodsInfo.js
pages/goods/goodsInfo/goodsInfo.wxml
pages/goods/goodsInfo/goodsInfo.wxss
@@ -25,7 +25,7 @@ Page({
     color_type:0,//线条控制
     color_type_one:0,
     color_type_two:1,
-
+  
     gid: "",
     stoid: o.stoid,
     url: o.url,
@@ -204,6 +204,9 @@ Page({
  
     //是否点赞中
     iszaning: 0,
+
+    store:0,//选择更多
+    index:1
   },
  
   //------初始化加载----------
@@ -2642,6 +2645,13 @@ Page({
             }
        }
     })
-  }
-
+  },
+  // 选择门店
+ choice_store:function(){
+   this.setData({store:1})
+},
+ //关闭选择门店
+close_popup:function(){
+  this.setData({ store: 0})
+}
 });
 \ No newline at end of file
@@ -253,7 +253,7 @@
             </view>
  
             <view class="goods-num" wx:if="{{prom_type!=1}}">
-              <view class="sales">销量:{{data.sales_sum}}件</view>
+              <view class="sales">销量：{{data.sales_sum}}件</view>
               <view class="stock">折扣：{{data.disc}}折</view>
               <view class="stock">{{categories3[0].num}}人评价</view>
             </view>
@@ -272,7 +272,7 @@
                 </view>
               </view>
             </view>
-            <view style='height:42rpx'></view>
+           
             <view class="xc-explain fs32 ellipsis-2" wx:if="{{prom_type!=0}}">
               {{data.goods_name}}
             </view>
@@ -299,6 +299,35 @@
  
           </view>
         </block>
+
+ <!-- 门店收货地址 -->
+            <view class="xc-address_frame flex-vertical xc-ash" >
+                 <view class="address_frame">
+                  <view class="flex-vertical-between "> 
+                    <view class="flex">
+                      <image class="stores-img" src="../../../images/stores.png"></image>
+                      <view class="fs28"> 选择附近门店</view>
+                    </view>
+                    <view class="red_bb fs32" bindtap="choice_store">
+                         更多门店
+                         <text class="bg_jj"></text>
+                    </view>
+                  </view>
+                  <view  class="flex-space-between address ai_and">
+                     <view>
+                       <text class="fs32 xc-black3 shop_name"> 泉州开源盛世</text>
+                       <text class="fs20">暂无库存</text>
+                     </view>
+                     <view class="distance fs20">
+                      距离:3754m
+                     </view>
+                  </view>
+                  <view class="fs20">地址:福建省泉州市鲤城区软件园4栋4层</view>
+
+
+                 </view>    
+            </view>
+
         <!--许程 7.24暂时注释 -->
         <view wx:if="{{prom_type!=1&&prom_act.kttype!=3&&prom_act.kttype!=2&&prom_act.kttype!=1 && is_closecoupon!=1}}">
           <view class="cx-frame flex" style="position: relative" wx:if="{{fir_quan.length>0}}">
@@ -983,6 +1012,65 @@
   </view>
 </view>
  
+<!-- 选择门店的弹框 -->
+<block wx:if="{{store==1}}">
+  <view class="mongolia-layer" bindtap="close_popup"></view>
+  <view class="popup-frame">
+     <view class="popup-top flex-space-between">
+       <text class="fs32 nearby_store">附近的门店</text>
+        <view>
+           <view>
+              <icon bindtap="close_popup" class="modal-closes" color="black" size="22"       type="cancel"></icon>
+           </view>
+           <view class="felx choose_more">
+              <text class="fs22 red-co">选择更多门店</text>
+             <view class="bg_rights"></view>
+           </view>
+          </view>
+       </view>
+       <!-- 门店列表 -->
+       <view class="store-list">
+         <view class="store_choose flex">
+          <view class="store flex-vertical">
+             <block wx:if="{{index==1}}">
+               <view class="circle white xc-hook fs20 red-b">Г</view>
+             </block>
+             <block wx:else>
+               <view class="circle  xc-hooks"></view>
+             </block>
+        
+          <view class="address-frame xc-ash">
+             <view class="flex-vertical-between "> 
+                   <view class="flex xc-ash">
+                   <view class="fs28 xc-black3 address_name">开源盛世广场店</view>
+                   <text class="fs20">库存剩余数量：{{index}}</text>
+                   </view>
+                  <view>
+                    <view class="distance fs20 address-val">距离:3754m</view>      
+                  </view>
+               </view> 
+                <view class="fs20">地址:福建省泉州市鲤城区软件园4栋4层</view> 
+                 </view> 
+         </view>
+          
+       </view>
+      
+      </view>
+      <!-- 门店列表底部 -->
+      <view class="store-bottom-frame">
+       <view class="store-bottom flex-vertical-between">
+         <view class="determine red-b fs28 white t-c">
+           确定
+         </view>
+          <view class="default  t-c fs28">
+          设为默认
+         </view>
+       </view>
+       </view>
+  </view>
+</block>  
+
+
 <!--  ---------------分享弹窗--------------- -->
 <!--二维码显示页面-->
 <canvas canvas-id='share' style='width:750rpx;height:1217rpx;' wx:if='{{!canvasHidden}}'></canvas>
@@ -321,6 +321,8 @@ image {
     height: 100rpx;
     background-color: #fff;
     text-align: center;
+    z-index: 9;
+
 }
  
 .join-cart>view {
@@ -355,7 +357,7 @@ image {
 .cart-num {
     position: absolute;
     left: 50%;
-    top: 0;
+    top: 1rpx;
     width: 40rpx;
     height: 40rpx;
     line-height: 40rpx;
@@ -368,11 +370,18 @@ image {
 .cart-btn {
     font-size: 28rpx;
     color: #fff;
-    line-height: 100rpx;
+    line-height: 60rpx;
+    margin-top:16rpx;
+
 }
  
 .join-btn {
     background-color: #ffb03f;
+    height: 70rpx;
+border-radius: 55rpx 0rpx 0rpx 55rpx;
+margin-top: 16rpx;
+
+
 }
  
 view.cart-btn-lg {
@@ -381,6 +390,9 @@ view.cart-btn-lg {
  
 .buy-btn {
     background-color: #f23030;
+    height: 70rpx;
+border-radius: 0 56rpx 55rpx 0;
+
 }
  
 .toTop {
@@ -741,7 +753,7 @@ left:31rpx;}
 .wf .item .item_txy.hs{ background: #cbcbcb;}
 .po{margin-bottom: 20rpx;}
  
-.cart-btn.line-h{ line-height: 40rpx;}
+.cart-btn.line-h{ line-height: 26rpx;}
 .cart-btn .fir-v{ margin-top: 10rpx;}
  
 .hyt{ padding: 0 20rpx; font-size: 30rpx; display: flex; align-items:center; margin-top: 10rpx;}
@@ -927,7 +939,7 @@ left:31rpx;}
     border-bottom: 3rpx solid #eee; border-top: 3rpx solid #eee; line-height: 100rpx }
  
 .bb_view{ display: flex;align-items: center;justify-content: space-between; padding: 0 34rpx; color: #333;
-    font-size: 32rpx; height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:31rpx }
+    font-size: 32rpx; height: 104rpx; line-height: 104rpx; overflow: hidden; padding-right:26rpx }
 .red_bb{ color: #d70026; min-width:158rpx;width: auto;}
 .bg_jj{ width: 18rpx; height:18rpx;
         border-top: 2rpx solid #d70026;
@@ -1139,7 +1151,7 @@ left:31rpx;}
     width: 100%;
     height: 42rpx;
     padding-left: 34rpx;
-    color: #948485;
+    color: #333;
  
 }
 .xc_comment-have-pictures{
@@ -1266,7 +1278,7 @@ left:31rpx;}
     height: 100%;
     line-height: 100rpx;
     overflow: hidden;
-    margin-left: 7rpx;
+    margin-left: 10rpx;
 }
 .xc-coupon-fram{
     position: relative;
@@ -1306,7 +1318,7 @@ left:31rpx;}
     padding-left:15rpx;
     color: #d70025;
     position: absolute;
-    right: 7rpx;
+    right: 5rpx;
 }
  
 /* 自定义弹出窗口 */
@@ -2226,4 +2238,158 @@ right:17rpx; top:55rpx;
   line-height:15rpx;
 }
  
-.no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx}
 \ No newline at end of file
+.no_pj_list{text-align: center; width: 100%; color: #999; margin-top: 30rpx; display: inline-block; font-size: 28rpx}
+/* 门店地址 */
+.xc-address_frame{
+  border-top:1rpx solid #eee;
+  width: 100%;
+  height: 170rpx;
+}
+.xc-address_frame .address_frame{
+  width: 92%;
+padding-left: 10rpx;
+margin: auto;
+
+}
+.shop_name{
+
+}
+.stores-img{
+width: 40rpx;
+  height: 35rpx;
+  margin-right: 10rpx;
+}
+.shop_name{
+  margin-right: 10rpx;
+}
+.address{
+  width: 87%;
+}
+.distance{
+  padding-left: 15rpx;
+  padding-right: 15rpx;
+  background: #eee;
+ border-radius: 20rpx;
+}
+/* 选择门店的弹窗 */
+.mongolia-layer{
+  position: fixed;
+left: 0;
+top: 0;
+right: 0;
+bottom: 0;
+z-index: 11;
+background: rgba(0,0,0,0.4);
+width: 100%;
+height: 91.9%;
+
+}
+.popup-frame{
+  position: fixed;
+bottom:99rpx;
+z-index: 20;
+background: white;
+width: 100%;
+border-radius: 20rpx 20rpx 0 0;
+height: 55%;
+}
+.popup-top{
+  border-bottom: 1rpx solid #eee;
+  height: 120rpx;
+  width: 95%;
+  margin: auto;
+  line-height: 120rpx;
+
+}
+.bg_rights{ 
+        border-top: 2rpx solid ;
+        border-right: 2rpx solid ;
+        transform: rotate(45deg);
+        display:inline-block;
+        width:15rpx;height:15rpx;
+        border-color:#da0b31;
+}
+.modal-closes {
+    position: absolute;
+    right: 30rpx;
+}
+.choose_more{
+  margin-top: 30rpx;
+  margin-right: 20rpx;
+
+}
+.store-list{
+  width: 95%;
+  height: 428rpx;
+  overflow-y: scroll;
+  overflow: hidden;
+  margin: auto;
+
+}
+.store-list .store_choose{
+  width: 100%;
+  height: 100rpx;
+  line-height: 100rpx;
+  border-bottom: 1rpx solid #eee;
+
+}
+.store-list .store_choose .store{
+width: 100%;
+margin: auto;
+line-height: 37rpx;
+padding-left: 20rpx;
+
+}
+.xc-hook{
+  width: 30rpx;
+  height: 30rpx;
+  transform: rotate(-145deg);
+line-height: 32rpx;
+text-align: center;
+}
+ .xc-hooks{
+   width: 30rpx;
+  height: 30rpx;
+  border: 3rpx solid #999; 
+ }
+ .address-frame{
+   width: 93%;
+margin-left: 7rpx;
+
+ }
+ .nearby_store{
+margin-left: 17rpx;
+ }
+ .address_name{
+   margin-right: 10rpx;
+
+ }
+ .address-val{
+   height: 30rpx;
+line-height: 30rpx;
+
+ }
+ .store-bottom{
+   width: 85%;
+   margin: auto;
+   height: 115rpx;
+
+ }
+ .determine{
+   width: 280rpx;
+  height: 44rpx;
+  border-radius: 50rpx;
+  line-height: 44rpx;
+ }
+ .default{
+   width: 280rpx;
+  height: 44rpx;
+  border:3rpx solid #444;
+    border-radius: 50rpx;
+    line-height: 44rpx;
+ }
+ .store-bottom-frame{
+   width: 95%;
+     border-top: 3rpx solid #eee;
+     margin: auto;
+ }
 \ No newline at end of file