~~ 优惠促销多活动的的优化 ~~·

优惠促销多活动的的优化 ·
yvan.ni
1 parent f8d339cc
Showing 6 changed files with 189 additions and 2 deletions
components/promate_pop/promate_pop.js
components/promate_pop/promate_pop.json
components/promate_pop/promate_pop.wxml
components/promate_pop/promate_pop.wxss
pages/goods/goodsInfo/goodsInfo.json
pages/goods/goodsInfo/goodsInfo.wxml
+Component({
+  /*** 页面的初始数据***/
+  data: {
+	  type:0,//  0只显示再商品详情页面   1显示再有选择按钮
+  },
+  methods: {
+
+	  //-- 初始化弹出框 --
+	  set_init(){
+
+	  },
+
+	  /*----pop的开关---*/
+	  close_pro_pop: async function (event) {
+		this.setData({pro_pop: 0});
+	  },
+  }
+})
 \ No newline at end of file
+{
+  "component": true,
+  "usingComponents": {}
+}
 \ No newline at end of file
+<!-- --弹起领券-- -->
+<view wx:if='{{pro_pop==1}}'>
+    <view class="cover-layer flex-center"  bindtap="close_pro_pop"></view>
+    <view class="cx-popup {{pro_pop== true ? 'up_pro' : 'down_pro'}} ">
+        <view class="top-frame">
+            <view class="top t-c">促销列表</view>
+        </view>
+
+        <view class="xc-frame">
+            <view class="top-frame">
+                <view class="xc-coupon-frame ">
+
+                </view>
+            </view>
+        </view>
+        <view class="cx-confirm pd20"  bindtap="close_pro_pop">
+            <view wx:if="{{type==0}}" class="confirm t-c">我知道了</view>
+            <view wx:if="{{type==1}}" class="confirm t-c">确定</view>
+        </view>
+    </view>
+</view>
 \ No newline at end of file
+@import '../../app.wxss';
+/* 自定义弹出窗口 */
+.cx-popup {
+    width: 100%;
+    background: #fff;
+    z-index: 35;
+    border-top-left-radius: 10rpx;
+    border-top-right-radius: 10rpx;
+    position: fixed;
+    bottom: 0;
+}
+.xc-top-content {
+    width: 88%;
+    height: 85rpx;
+    padding-top: 50rpx;
+    font-size: 36rpx;
+}
+.xc-valid-coupon {
+    width: 90%;
+    height: 40rpx;
+    padding-top: 24rpx;
+    overflow: hidden;
+}
+.xc-frame {
+    padding: 20rpx;
+}
+.xc-frame .list-frame {
+    width: 90%;
+    height: 100%;
+    overflow-y: scroll;
+    margin-top: 20rpx;
+}
+
+.xc-close-frame {
+    margin-top: 30rpx;
+    width: 15%;
+    display: flex;
+}
+
+.xc-close {
+    width: 70rpx;
+    height: 70rpx;
+    border-radius: 50%;
+    border: 5rpx solid #a5a5a7;
+    text-align: center;
+    line-height: 55rpx;
+    font-size: 80rpx;
+    color: #a5a5a7;
+    font-family: "微软正黑体";
+    margin-top: 8rpx;
+}
+.xc-money {
+    color: #ff0013;
+}
+
+.xc-coupon-effect {
+    width: 99%;
+    height: 128rpx;
+    border-bottom: 3rpx solid #ddd;
+}
+
+.xc-goods-coupon {
+    width: 80%;
+    height: 100%;
+}
+
+.xc-title {
+    width: 50%;
+    margin-left: 222rpx;
+}
+
+.xc-coupon-money {
+    color: #c91e31;
+    font-size: 35rpx;
+    margin-top: 20rpx;
+
+}
+
+.xc-coupon-time {
+    height: 50rpx;
+    font-size: 27rpx;
+    color: #a4a4a4;
+}
+
+.xc-coupon-time .time {
+    margin-left: 15rpx;
+    font-size: 27rpx;
+}
+
+.xc-coupon-selection {
+    width: 99%;
+    height: 100%;
+}
+
+.xc-confirm {
+    width: 90%;
+    height: 75rpx;
+    margin: 0 auto;
+    background: #c41830;
+    color: #fff;
+    border-radius: 10rpx;
+    font-size: 30rpx;
+    margin-top: 50rpx;
+}
+
+.xc-not-Selection {
+    width: 60rpx;
+    height: 60rpx;
+    background: #eeeeee;
+}
+
+.up_pro {
+    animation: up .7s;
+}
+
+.down_pro {
+    animation: down 1s;
+}
+
+@keyframes up_pro {
+    0% {
+        transform: translateY(550rpx);
+    }
+
+    100% {
+        transform: translateY(0);
+    }
+}
+
+@keyframes down_pro {
+    0% {
+        transform: translateY(0);
+    }
+
+    100% {
+        transform: translateY(550rpx);
+    }
+}
@@ -5,6 +5,7 @@
         "nav_box": "/components/nav_box/nav_box",
         "warn": "/components/long_warn/long_warn",
         "goods_recommend": "/components/goods_list/goods_list",
-				"share": "/components/share/share"
+		"share": "/components/share/share",
+		"pro_pop": "/components/promate_pop/promate_pop"
     }
 }
 \ No newline at end of file
@@ -1721,6 +1721,7 @@
 <warn id="warn"></warn>
 <!-- 分享控件，底部弹出 -->
 <share id="share_button" bind:send="send" bind:cancel="cancel" bind:share_img="saveImageToPhotosAlbum" wx:if="{{share_hidden}}"></share>
+
 <view wx:if="{{showPoster}}">
   <view class="mask" catchtap="closePoster"></view>
   <view class="poster-container">
@@ -1791,4 +1792,8 @@
   <include src="buy_flash_normal.wxml" />
 </view>
  
-<include src="../../../components/com_servicer/com_servicer.wxml"></include>
 \ No newline at end of file
+<include src="../../../components/com_servicer/com_servicer.wxml"></include>
+
+<!-- 促销弹出框 -->
+<pro_pop id="pro_pop"></pro_pop>
+