| @@ -14,10 +14,7 @@ page{ | |||
| width: 142rpx; | |||
| height: 142rpx!important; | |||
| border-radius: 10rpx; | |||
| /* overflow: hidden; */ | |||
| margin-top:10rpx; | |||
| /* word-wrap: break-word; | |||
| word-break: break-all; */ | |||
| display: block; | |||
| } | |||
| .listitem .icon{ | |||
| @@ -331,7 +331,7 @@ page{ | |||
| line-height: 75rpx; | |||
| text-align: center; | |||
| border: none; | |||
| font-size: 32rpx; | |||
| font-size: 28rpx; | |||
| margin: 0 auto; | |||
| } | |||
| button::after{ border: none; } | |||
| @@ -6,10 +6,9 @@ | |||
| .tabs { | |||
| width: 100% !important; | |||
| height: 88rpx; | |||
| height: 96rpx; | |||
| text-align: center; | |||
| position: fixed; | |||
| /* top: 136rpx; */ | |||
| left: 0; | |||
| right: 0; | |||
| z-index: 100000; | |||
| @@ -247,7 +246,6 @@ | |||
| } | |||
| .txt2{ | |||
| /* opacity: .99; */ | |||
| margin-top: 36rpx; | |||
| } | |||
| .imgicon { | |||
| @@ -287,8 +285,6 @@ | |||
| font-family: PingFang-SC-Regular; | |||
| font-weight: 400; | |||
| color: #FD832D; | |||
| /* opacity: .99; */ | |||
| line-height: 44rpx; | |||
| margin-top: 30rpx; | |||
| background: #fff; | |||
| position: fixed; | |||
| @@ -48,7 +48,7 @@ | |||
| <text class='rmb'>¥</text> | |||
| <view class="fl" wx:if="{{data.type!=8}}"> | |||
| <text class="pri01" wx:if="{{data.type!=50&&data.type!=51}}">{{data.salePriceStr}}</text> | |||
| <text class="pri01" wx:if="{{data.type==50||data.type==51}}">{{data.creditPrice}}积分</text> | |||
| <view class="pri01" wx:if="{{data.type==50||data.type==51}}">{{data.creditPrice}}<text class='jifen'>积分</text></view> | |||
| <!-- <text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> --> | |||
| <text class='throgh' wx:if="{{data.unit==0&&data.type!=50&&data.type!=51}}">{{data.priceStr}}元</text> | |||
| <text wx:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{data.priceStr}}小时</text> | |||
| @@ -721,7 +721,7 @@ button::after { | |||
| color: #999; | |||
| font-size: 32rpx; | |||
| background: #fff; | |||
| padding-top: 20rpx; | |||
| } | |||
| .presslimit { | |||
| @@ -869,4 +869,7 @@ background: #ccc8c8; | |||
| } | |||
| .swiper-box .wx-swiper-dot-active::before{ | |||
| background:#f6792b; | |||
| } | |||
| .jifen{ | |||
| font-size: 30rpx; | |||
| } | |||
| @@ -8,6 +8,9 @@ const QR = require("../../../utils/memberqrcode.js"); | |||
| //券详情页面 | |||
| Page({ | |||
| data: { | |||
| showMore: true, | |||
| more: "点击查看更多", | |||
| hidden: "hidden", | |||
| navigationBarHeight, | |||
| code: "", | |||
| topLine: imgurl.topLine.url, | |||
| @@ -34,6 +37,25 @@ Page({ | |||
| staticGamedata: {}, | |||
| showIf: false, | |||
| }, | |||
| // 点击查看更多 | |||
| more: function () { | |||
| let that = this; | |||
| if (that.data.more == '点击查看更多') { | |||
| this.setData({ | |||
| hidden: "", | |||
| height: that.data.data.merchantVoList.length * 140 + 'rpx', | |||
| more: "点击收起", | |||
| showMore: true | |||
| }) | |||
| } else { | |||
| this.setData({ | |||
| hidden: "hidden", | |||
| height: 4 * 140 + 'rpx', | |||
| more: "点击查看更多", | |||
| showMore: true | |||
| }) | |||
| } | |||
| }, | |||
| onUnload:function(){ | |||
| let that = this; | |||
| clearInterval(that.data.setInter); | |||
| @@ -148,7 +170,7 @@ Page({ | |||
| }) | |||
| } | |||
| }, 2000); | |||
| /** | |||
| * 页面需要初始渲染的效果 | |||
| */ | |||
| @@ -173,6 +195,16 @@ Page({ | |||
| validEndDate: util.formatTime(that.data.data.validEndDate, "yyyy-MM-dd hh:mm:ss") | |||
| }) | |||
| } | |||
| if (that.data.data.merchantVoList && that.data.data.merchantVoList.length <= 4) { | |||
| that.setData({ | |||
| height: that.data.data.merchantVoList.length * 140 + 'rpx', | |||
| showMore: false | |||
| }) | |||
| } else if (that.data.data.merchantVoList && that.data.data.merchantVoList.length > 4) { | |||
| that.setData({ | |||
| height: 4 * 140 + 'rpx' | |||
| }) | |||
| } | |||
| let url = JSON.stringify({ | |||
| END:"C", | |||
| TYPE:"couponorder", | |||
| @@ -49,26 +49,26 @@ | |||
| <text>优惠券码:</text>{{code}}</view> | |||
| </view> | |||
| </view> | |||
| <view class="posi"> | |||
| <view class="tit"> | |||
| 适用门店 | |||
| </view> | |||
| <view wx:for="{{data.merchantVoList}}" wx:key="{{index}}"> | |||
| <view class='posi_logo'> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <image src='{{item.merchantImgUrl}}'></image> | |||
| </view> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <text>{{item.merchantName}}</text> | |||
| <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text> | |||
| </view> | |||
| <view wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}'> | |||
| <image class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | |||
| <view class='applyshop'>适用门店</view> | |||
| <view class='posi' style='overflow:{{hidden}};height:{{height}}'> | |||
| <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index"> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <image src='{{item.merchantImgUrl}}'></image> | |||
| </view> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <view class='name'>{{item.merchantName}}</view> | |||
| <view class='shopVoList'> | |||
| <view wx:for="{{item.shopVoList}}" wx:key="{{index}}" wx:for-item="itemName"> | |||
| <text>{{itemName.buildingName}}{{itemName.floorName}}--{{itemName.shopNumber}}</text> | |||
| <text class='douhao' wx:if="{{item.shopVoList.length>1}}">,</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <image wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}' class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | |||
| </view> | |||
| </view> | |||
| <view class='bottom' bindtap='more' wx:if="{{showMore}}">{{more}}</view> | |||
| <image class='line' mode="widthFix" src="{{btomLine}}"></image> | |||
| <view class='note'> | |||
| @@ -197,69 +197,69 @@ page { | |||
| letter-spacing: 0; | |||
| text-align: left; | |||
| } | |||
| .applyshop { | |||
| font-size: 30rpx; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| color: #333; | |||
| text-indent: 1em; | |||
| padding-top: 20rpx; | |||
| } | |||
| .posi { | |||
| width: 100%; | |||
| display: flex; | |||
| flex-direction: column; | |||
| background: #fff; | |||
| position: relative; | |||
| width: 100%; | |||
| background: #FFF; | |||
| /* margin: 18rpx 0 0; */ | |||
| } | |||
| .posi_logo { | |||
| position: relative; | |||
| width: 92%; | |||
| padding: 30rpx 4% 0; | |||
| display: flex; | |||
| position: relative; | |||
| } | |||
| .shiji { | |||
| font-size: 24rpx !important; | |||
| color: #919191 !important; | |||
| letter-spacing: 0; | |||
| padding: 20rpx 0; | |||
| background: #fff; | |||
| z-index: 10; | |||
| margin: 0 auto; | |||
| } | |||
| .posi_logo view:nth-child(1) { | |||
| width: 126rpx; | |||
| height: 126rpx; | |||
| overflow: hidden; | |||
| flex: 2; | |||
| border: 2rpx solid #e7e7e7; | |||
| /* width: 100rpx; *//* margin-right: 16rpx; */ | |||
| border-radius: 16rpx; | |||
| /* height: 100rpx; */ | |||
| } | |||
| .posi_logo view:nth-child(1) image { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .posi_logo view:nth-child(2) { | |||
| position: relative; | |||
| display: flex; | |||
| flex-direction: column; | |||
| flex: 8; | |||
| padding-left: 30rpx; | |||
| display: block; | |||
| width: 100rpx; | |||
| height: 100rpx; | |||
| border-radius: 16rpx; | |||
| margin-right: 16rpx; | |||
| border: 1px solid #e5e5e5; | |||
| } | |||
| .posi_logo view:nth-child(2) text:nth-child(1) { | |||
| font-size: 30rpx; | |||
| width: 320rpx; | |||
| .name{ | |||
| font-size: 32rpx; | |||
| color: #333; | |||
| letter-spacing: 0; | |||
| width: 500rpx; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| } | |||
| .timevalidity i{ | |||
| font-style: normal; | |||
| font-size: 28rpx; | |||
| .posi_logo view:nth-child(2) view:nth-child(1) { | |||
| font-size: 32rpx; | |||
| color: #333; | |||
| letter-spacing: 0; | |||
| } | |||
| .shopVoList { | |||
| display: flex !important; | |||
| padding-left: 0 !important; | |||
| flex-direction: row !important; | |||
| } | |||
| .posi_logo view:nth-child(2) text:nth-child(2) { | |||
| font-size: 24rpx; | |||
| color: #b8b8b8; | |||
| padding-top: 10rpx; | |||
| width: 386rpx; | |||
| white-space: wrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| height: 78rpx; | |||
| .shopVoList text { | |||
| font-size: 20rpx !important; | |||
| color: #b8b8b8 !important; | |||
| } | |||
| .tit { | |||
| @@ -373,4 +373,13 @@ page { | |||
| color: red!important; | |||
| border: 1px solid red; | |||
| padding: 3rpx; | |||
| } | |||
| .bottom { | |||
| text-align: center; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| color: #999; | |||
| font-size: 32rpx; | |||
| background: #fff; | |||
| margin-top: 20rpx; | |||
| } | |||
| @@ -4,7 +4,6 @@ page{ | |||
| .market { | |||
| width: 100%; | |||
| height: 100%; | |||
| /* background: #f5f5f5; */ | |||
| } | |||
| button::after{ border: none; } | |||
| @@ -32,10 +31,9 @@ button::after{ border: none; } | |||
| .tabs { | |||
| width: 100% !important; | |||
| height: 88rpx; | |||
| height: 96rpx; | |||
| text-align: center; | |||
| position: fixed; | |||
| /* top: 0; */ | |||
| left: 0; | |||
| right: 0; | |||
| z-index: 100000; | |||
| @@ -67,7 +65,6 @@ button::after{ border: none; } | |||
| height: 140rpx; | |||
| line-height: 140rpx; | |||
| text-align: center; | |||
| /* padding: 30rpx 0 0; */ | |||
| color: #FFFFFF; | |||
| font-size: 30rpx; | |||
| @@ -117,7 +114,6 @@ button::after{ border: none; } | |||
| .info view:nth-child(1) { | |||
| display: flex; | |||
| justify-content: space-between; | |||
| /* padding: 0 2%; */ | |||
| } | |||
| .info { | |||
| @@ -35,8 +35,10 @@ page{ | |||
| .c-right{ | |||
| width: 510rpx; | |||
| float: left; | |||
| line-height: 120rpx; | |||
| line-height: 50rpx; | |||
| color: #3C3C3C; | |||
| font-size: 32rpx; | |||
| margin-top: 10rpx; | |||
| } | |||
| .detail-text{ | |||
| font-size:30rpx; | |||
| @@ -70,7 +70,7 @@ | |||
| 今日好物推荐, | |||
| <text>'{{xslist[0].title}}'</text>原价 <text>{{xslist[0].priceStr}}</text> 现价... | |||
| </view> | |||
| <view class='qg' style='border-color:{{qg}}'><text>抢购</text></view> | |||
| <view class='qg' style='border-color:{{qg}}'>抢购</view> | |||
| </view> | |||
| <!-- 专题 --> | |||
| <!-- <view class='product' wx:if="{{showTopic}}" bindtap='gotoTopic'> | |||
| @@ -426,6 +426,7 @@ progress{ | |||
| border-radius:12rpx; | |||
| margin-top: 18rpx; | |||
| margin-bottom:18rpx; | |||
| position: relative; | |||
| } | |||
| .toutiao view:nth-child(2){ | |||
| font-size:26rpx; | |||
| @@ -459,20 +460,21 @@ progress{ | |||
| .toutiao .qg{ | |||
| width: 80rpx; | |||
| height: 44rpx; | |||
| line-height: 36rpx; | |||
| line-height: 44rpx; | |||
| border-radius:18rpx; | |||
| border:2rpx solid; | |||
| float: right; | |||
| text-align: center; | |||
| margin: 20rpx 20rpx 20rpx 0; | |||
| } | |||
| .toutiao .qg>text{ | |||
| width: 100%; | |||
| position: absolute; | |||
| top: 0; | |||
| bottom: 0; | |||
| right: 20rpx; | |||
| margin: auto; | |||
| font-size:24rpx; | |||
| font-family:PingFangSC-Medium; | |||
| font-weight:500; | |||
| color:#FD782D; | |||
| text-align: center; | |||
| } | |||
| i-tabs i-tabs-scroll{ | |||
| background: #F4F5F9!important; | |||
| @@ -72,7 +72,10 @@ button::after{ border: none; } | |||
| font-weight:500; | |||
| color:rgba(134,134,134,1); | |||
| line-height: 48rpx; | |||
| padding: 0 30rpx; | |||
| padding: 0 80rpx 0 30rpx; | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| } | |||
| .des{ | |||
| width: 100%; | |||
| @@ -61,7 +61,7 @@ | |||
| <view class='price'> | |||
| <view class='price01'> | |||
| <view class='price-text'style="display: inline;font-size: 24rpx;">拼团价¥</view> | |||
| <view class='price-num'>{{item.salePrice/100}}</view> | |||
| <view class='price-num'>{{item.salePrice/100}}3232323232</view> | |||
| <!-- <view class='price-unit'>元</view> --> | |||
| </view> | |||
| </view> | |||
| @@ -13,7 +13,6 @@ page { | |||
| } | |||
| .content-box{ | |||
| height: auto; | |||
| /* padding-bottom: 200rpx; */ | |||
| padding: 0 16rpx 200rpx; | |||
| } | |||
| .loading { | |||
| @@ -166,9 +165,6 @@ image{ | |||
| font-weight:500; | |||
| color:#FD782D; | |||
| line-height:44rpx; | |||
| width: 50%; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| } | |||
| .spell-centerH .price02{ | |||
| font-size: 24rpx; | |||
| @@ -176,7 +172,7 @@ image{ | |||
| font-weight:500; | |||
| text-decoration:line-through; | |||
| color:rgba(140,140,140,1); | |||
| line-height: 30rpx; | |||
| line-height: 44rpx; | |||
| margin-top: 15rpx; | |||
| } | |||
| .spell-centerH .price-num{ | |||
| @@ -192,7 +188,7 @@ image{ | |||
| .spell-centerHr .price-num{ | |||
| display: inline-block; | |||
| font-size: 32rpx; | |||
| width: 95rpx; | |||
| width: 100rpx; | |||
| overflow:hidden; | |||
| text-overflow:ellipsis; | |||
| white-space:nowrap; | |||
| @@ -204,7 +200,7 @@ image{ | |||
| } | |||
| .spell-centerH .price-numHr{ | |||
| font-size:32rpx; | |||
| line-height: 32rpx; | |||
| line-height: 44rpx; | |||
| } | |||
| .content .price-unit{ | |||
| font-size:24rpx; | |||