diff --git a/components/promate_pop/promate_pop.js b/components/promate_pop/promate_pop.js new file mode 100644 index 0000000..18abf5f --- /dev/null +++ b/components/promate_pop/promate_pop.js @@ -0,0 +1,18 @@ +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 diff --git a/components/promate_pop/promate_pop.json b/components/promate_pop/promate_pop.json new file mode 100644 index 0000000..e8cfaaf --- /dev/null +++ b/components/promate_pop/promate_pop.json @@ -0,0 +1,4 @@ +{ + "component": true, + "usingComponents": {} +} \ No newline at end of file diff --git a/components/promate_pop/promate_pop.wxml b/components/promate_pop/promate_pop.wxml new file mode 100644 index 0000000..498a0ca --- /dev/null +++ b/components/promate_pop/promate_pop.wxml @@ -0,0 +1,21 @@ + + + + + + 促销列表 + + + + + + + + + + + 我知道了 + 确定 + + + \ No newline at end of file diff --git a/components/promate_pop/promate_pop.wxss b/components/promate_pop/promate_pop.wxss new file mode 100644 index 0000000..470a6ca --- /dev/null +++ b/components/promate_pop/promate_pop.wxss @@ -0,0 +1,138 @@ +@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); + } +} diff --git a/pages/goods/goodsInfo/goodsInfo.json b/pages/goods/goodsInfo/goodsInfo.json index feb03a7..0fd8f27 100644 --- a/pages/goods/goodsInfo/goodsInfo.json +++ b/pages/goods/goodsInfo/goodsInfo.json @@ -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 diff --git a/pages/goods/goodsInfo/goodsInfo.wxml b/pages/goods/goodsInfo/goodsInfo.wxml index 57a46ac..6cef940 100644 --- a/pages/goods/goodsInfo/goodsInfo.wxml +++ b/pages/goods/goodsInfo/goodsInfo.wxml @@ -1721,6 +1721,7 @@ + @@ -1791,4 +1792,8 @@ - \ No newline at end of file + + + + +