xt / xcx-book · Commits

Go to a project

Commit 88a294e3c5c88e48b1e7425f5fc9d6c1282b7594

Authored by pengye
1 parent d464e07e
build: skipped

邀请函、商家详情弹框领券，不展示券信息，只展示券总额，券总额加数字动画

Inline Side-by-side
Showing 41 changed files with 371 additions and 88 deletions
// components/scroll-number/index.js
Component({
externalClasses: ['container-class', 'item-class', 'dot-class'],
properties: {
value: {
type: String,
value: ''
},
/** 一次滚动耗时 单位ms */
duration: {
type: Number,
value: 1600
},
/** 每个数字之间的延迟滚动 */
delay: {
type: Number,
value: 200
}
},
data: {
valArr: [],
aniArr: [], // 动画列表，和valArr对应
numArr: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9], // 所有数字
itemHeight: 0 // 数字项的高度
},
observers: {
value: function (newVal) {
// 监听value变化，格式化为valArr
setTimeout(() => {
let valArr = []
if (newVal) {
valArr = newVal.split('').map(o => {
return {
val: o,
isNaN: isNaN(o)
}
})
}
this.setData({
valArr: valArr
})
this.getNumberHeight()
}, 0);
}
},
methods: {
/** 计算数字高度 */
getNumberHeight() {
if (this.data.itemHeight > 0) {
this.startScrollAni()
return
}
const query = this.createSelectorQuery()
query.select('.number-item').boundingClientRect()
query.exec((res) => {
this.setData({
itemHeight: res[0].height
})
this.startScrollAni()
})
},
/** 开始滚动动画 */
startScrollAni() {
if (this.data.itemHeight <= 0) return
const aniArr = []
this.data.valArr.forEach((item, index) => {
if (!item.isNaN) {
aniArr.push(`transition-delay: ${this.data.delay * index}ms; top: ${-this.data.itemHeight * (this.data.numArr[parseInt(item.val)] + 10)}px;`)
} else {
aniArr.push(null)
}
})
this.setData({
aniArr: aniArr
})
}
}
})
\ No newline at end of file
... ...
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
... ...
<!--components/scroll-number/index.wxml-->
<view class="scroll-number container-class">
<block wx:for="{{valArr}}" wx:key="index">
<view wx:if="{{item.isNaN}}" class="scroll-number-item number-dot dot-class">{{item.val}}</view>
<view wx:else class="scroll-number-item number-item item-class">
<view class="scroll-ani" style="transition-duration: {{duration}}ms; {{aniArr[index]}}">
<view wx:for="{{numArr}}" wx:for-item="num" wx:for-index="idx" wx:key="idx" class="num{{num}}">{{num}}</view>
<view wx:for="{{numArr}}" wx:for-item="num" wx:for-index="idx" wx:key="idx" class="num{{num}}">{{num}}</view>
</view>
</view>
</block>
</view>
\ No newline at end of file
... ...
/* components/scroll-number/index.wxss */
.scroll-number {
display: flex;
align-items: flex-end;
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin-left: 14rpx;
}
.scroll-number-item {
color: #FFC806;
font-size: 80rpx;
font-weight: bold;
font-family: Microsoft YaHei;
}
.number-item {
border-radius: 8rpx;
width: 56rpx;
height: 72rpx;
line-height: 72rpx;
overflow: hidden;
text-align: center;
position: relative;
}
.number-dot {
margin: 0 12rpx;
}
.scroll-ani {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 2s ease-in 0s;
}
\ No newline at end of file
... ...
... ... @@ -300,11 +300,17 @@ checkbox::before {
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 100rpx;
margin: 0 14rpx;
font-size: 80rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBtn {
... ...
... ... @@ -4,6 +4,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -322,13 +322,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -336,7 +340,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -844,11 +844,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -4,6 +4,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -483,13 +483,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -497,7 +501,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -942,11 +942,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -4,6 +4,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter": "/components/painter/painter",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -456,13 +456,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -470,7 +474,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -996,11 +996,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -6,6 +6,7 @@
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -350,13 +350,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -364,7 +368,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -856,11 +856,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -6,6 +6,7 @@
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -355,13 +355,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -369,7 +373,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -888,11 +888,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -6,6 +6,7 @@
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -338,13 +338,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -352,7 +356,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -878,11 +878,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -6,6 +6,7 @@
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -337,13 +337,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -351,7 +355,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -877,11 +877,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -325,13 +325,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -339,7 +343,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -1027,11 +1027,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -6,6 +6,7 @@
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -350,13 +350,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -364,7 +368,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -876,11 +876,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -6,6 +6,7 @@
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -349,13 +349,17 @@
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -363,7 +367,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -876,11 +876,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -5,6 +5,7 @@
"nav": "/components/nav/nav",
"painter":"/components/painter/painter",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -10,7 +10,7 @@
src="https://nosqn.colorcun.com/sellerGift.png" mode=""/>
<image wx:if="{{detail && detail.status =='4'}}" class="cannotImg" src="https://qn.colorcun.com/cancelImg.png" />
<image wx:if="{{options && options.isOrder == '1' && detail.status !='4'}}" class="cannotImg" src="https://qn.colorcun.com/overImg.png" />
<view class="reservationInfo" style="background: url('{{settingUrl}}') no-repeat;background-size:cover;">
<view class="reservationInfo" style="background: url('{{settingUrl}}') no-repeat;background-size:cover;">
<view class="infoTop">
<view class="infoTopName">
<text space="nbsp" class="font28r" wx:if="{{reserve && reserve.swich_slogan == '1' && home && home.slogan}}">{{home.slogan}}</text>
... ... @@ -348,13 +348,17 @@
</view>
</my-modal>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.name||reserve.seller_name}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -362,7 +366,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
<view class="couponText font24r" bindtap="gotoSellerGift" data-form="2">查看更多</view>
</view>
... ...
... ... @@ -992,11 +992,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...
... ... @@ -5,6 +5,7 @@
"usingComponents": {
"nav": "/components/nav/nav",
"titleStyle":"/components/titleStyle/titleStyle",
"my-modal": "/components/modal/modal"
"my-modal": "/components/modal/modal",
"scroll-number": "/components/scroll-number/index"
}
}
\ No newline at end of file
... ...
... ... @@ -232,13 +232,17 @@
</view>
</view>
<my-modal id="couponModal" fadeStyle="slideUp" height="240px">
<view slot="modalName" class="titleModal {{(couponArr.length == '2' || couponArr.length < '2') ? 'titleModal2 ' : (couponArr.length == '4' || couponArr.length < '4') ? 'titleModal3 ' : (couponArr.length > '4') ? 'titleModal4' : '' }}">
<view slot="modalName" class="titleModal titleModal2">
<image bindtap="closeCouponModal" class="closeImg" src="https://qn.colorcun.com/closeOutline.png" mode=""/>
<view class="nameInfo">{{seller.sellName}}</view>
<view class="couponTotal">赠送给您<text>{{totalPrice}}元</text>代金券</view>
<view class="couponTotal" wx:if="{{totalPrice}}">
赠送给您
<scroll-number value="{{totalPrice}}"></scroll-number>
<text class="counterText1">元</text>代金券
</view>
</view>
<view slot="modalContent">
<view class="couponBox">
<!-- <view class="couponBox">
<view wx:for="{{couponArr}}" class="couponItems">
<view class="couponNum font20r">×{{item.number}}</view>
<view class="font36r couponPrice">¥<text>{{item.price}}</text></view>
... ... @@ -246,7 +250,8 @@
<view class="font28r couponCondition" wx:if="{{item.desc!='0'}}">消费满{{item.desc}}元可用</view>
<view class="font28r couponCondition" wx:else>无门槛</view>
</view>
</view>
</view> -->
<view class="couponInfo font24r">您到店扫码支付即可自动使用</view>
<view bindtap="closeCouponModal" class="couponBtn font36r">我知道了</view>
</view>
</my-modal>
\ No newline at end of file
... ...
... ... @@ -526,11 +526,17 @@
justify-content: center;
}
.couponTotal text {
.counterText {
color: #ffc806;
font-weight: 600;
font-size: 80rpx;
margin: 0 14rpx;
margin-right: 14rpx;
}
.couponInfo {
color: #DFDFDF;
text-align: center;
margin-bottom: 30rpx;
}
.couponBox {
... ...