| @@ -1,10 +1,14 @@ | |||
| <view wx:if="{{list.length!=0}}" class="index-slide-view"> | |||
| <swiper class="index-slide" bindchange="swiperChange" autoplay="true" circular="false"> | |||
| <view wx:if="{{list.length>0}}" class="index-slide-view"> | |||
| <swiper class="index-slide" bindchange="swiperChange" autoplay="true" circular="false" current="{{swiperCurrent}}"> | |||
| <block wx:for="{{list}}" wx:key="unique"> | |||
| <swiper-item> | |||
| <image data-id="{{item.id}}" data-data="{{item}}" mode='widthFix' bindtap='gotobannerdetail' src="{{item.coverImg}}" class="index-slide-image" /> | |||
| <image data-id="{{item.id}}" data-data="{{item}}" mode='widthFix' bindtap='gotobannerdetail' src="{{item.coverImg}}" class="index-slide-image" /> | |||
| </swiper-item> | |||
| </block> | |||
| </swiper> | |||
| <view class="dots"> | |||
| <block wx:for="{{list}}" wx:key="unique"> | |||
| <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view> | |||
| </block> | |||
| </view> | |||
| </view> | |||
| @@ -1,52 +1,51 @@ | |||
| .index-slide-view{ | |||
| position: relative; | |||
| width: 750rpx; | |||
| height: 258rpx; | |||
| overflow: hidden; | |||
| margin:0 auto; | |||
| /* border-radius:16rpx; */ | |||
| /* box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); */ | |||
| } | |||
| .index-slide, | |||
| swiper-item | |||
| .index-slide-view { | |||
| position: relative; | |||
| width: 750rpx; | |||
| height: 258rpx; | |||
| overflow: hidden; | |||
| margin: 0 auto; | |||
| /* border-radius:16rpx; *//* box-shadow: 0 6px 20px 0 rgba(0,0,0,0.15); */ | |||
| } | |||
| .index-slide, swiper-item | |||
| .index-slide-image { | |||
| display: block; | |||
| width: 690rpx; | |||
| height: 258rpx; | |||
| margin: 0 auto; | |||
| border-radius:16rpx; | |||
| /* border-radius:16rpx; */ | |||
| overflow: hidden; | |||
| position: relative; | |||
| display: block; | |||
| width: 690rpx; | |||
| height: 258rpx; | |||
| margin: 0 auto; | |||
| border-radius: 16rpx; | |||
| overflow: hidden; | |||
| position: relative; | |||
| } | |||
| .dots { | |||
| position: absolute; | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 20rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .dot { | |||
| margin: 0 8rpx; | |||
| width: 14rpx; | |||
| height: 14rpx; | |||
| background: #fff; | |||
| border-radius: 8rpx; | |||
| transition: all 0.6s; | |||
| } | |||
| .dot.active { | |||
| width: 24rpx; | |||
| background: #f80; | |||
| } | |||
| .bannerbg { | |||
| width: 100%; | |||
| } | |||
| } | |||
| .index-slide-view .dots{ | |||
| position: absolute; | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 20rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .index-slide-view .dots .dot{ | |||
| margin: 0 8rpx; | |||
| width: 12rpx; | |||
| height: 12rpx; | |||
| background: #b6b6b7; | |||
| border-radius: 50%; | |||
| transition: all .6s; | |||
| } | |||
| .index-slide-view .dots .dot.active{ | |||
| background: #02C0FF; | |||
| width: 30rpx; | |||
| height: 12rpx; | |||
| border-radius:10rpx; | |||
| opacity: 1; | |||
| } | |||
| .bannerbg{ | |||
| width: 100%; | |||
| } | |||
| .bannerbg image{ | |||
| display: block; | |||
| width: 100%; | |||
| } | |||
| .bannerbg image { | |||
| display: block; | |||
| width: 100%; | |||
| } | |||
| @@ -18,6 +18,8 @@ Page({ | |||
| wmhome: imgurl.wmhome.url, | |||
| hidden: "hidden", | |||
| height: "", | |||
| detailPicture:[], | |||
| coverPicture:[], | |||
| more: "点击查看更多", | |||
| showMore: true, | |||
| data: { | |||
| @@ -83,6 +85,11 @@ Page({ | |||
| url: `/pages/index/detail/index?id=${e.currentTarget.dataset.id}` | |||
| }) | |||
| }, | |||
| swiperChange: function (e) { | |||
| this.setData({ | |||
| swiperCurrent: e.detail.current | |||
| }); | |||
| }, | |||
| phone: function(e) { | |||
| let that = this; | |||
| wx.makePhoneCall({ | |||
| @@ -376,7 +383,6 @@ Page({ | |||
| that.setData({ | |||
| onshow: false | |||
| }) | |||
| if (options && options.couponChannelId){ | |||
| that.getDetail(options.couponChannelId, 'notendclock'); | |||
| } | |||
| @@ -414,9 +420,17 @@ Page({ | |||
| that.setData({ | |||
| couponId: res.data.couponId | |||
| }) | |||
| if (res.code == 200) { | |||
| that.setData({ | |||
| showPage: true | |||
| }) | |||
| if (res && res.data && res.data.detailPicture) { | |||
| that.setData({ | |||
| showPage: true | |||
| detailPicture: JSON.parse(res.data.detailPicture) | |||
| }) | |||
| } | |||
| if (res && res.data && res.data.coverPicture) { | |||
| that.setData({ | |||
| coverPicture: JSON.parse(res.data.coverPicture) | |||
| }) | |||
| } | |||
| /** | |||
| @@ -474,6 +488,7 @@ Page({ | |||
| that.setData({ | |||
| data: res.data | |||
| }); | |||
| if (that.data.data.merchantVoList && that.data.data.merchantVoList.length <= 4) { | |||
| that.setData({ | |||
| height: that.data.data.merchantVoList.length * 140 + 'rpx', | |||
| @@ -2,9 +2,21 @@ | |||
| <!-- 券的详情页面 --> | |||
| <view class='coupons'> | |||
| <view class="coupons-body"> | |||
| <view class='banner'> | |||
| <image src='{{data.coverImg}}'></image> | |||
| <view wx:if="{{coverPicture.length>0}}" class="banner"> | |||
| <swiper class="index-slide" bindchange="swiperChange" autoplay="true" circular="false" current="{{swiperCurrent}}"> | |||
| <block wx:for="{{coverPicture}}" wx:key="unique"> | |||
| <swiper-item> | |||
| <image data-data="{{item}}" mode='widthFix' src="{{item}}" class="index-slide-image" /> | |||
| </swiper-item> | |||
| </block> | |||
| </swiper> | |||
| <view class="dots"> | |||
| <block wx:for="{{coverPicture}}" wx:key="unique"> | |||
| <view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view> | |||
| </block> | |||
| </view> | |||
| </view> | |||
| <view class='coupons_info' style='position:relative;z-index:9'> | |||
| <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}"> | |||
| <image class="fenxiang" src='{{share01}}' mode="widthFix"></image> | |||
| @@ -50,14 +62,16 @@ | |||
| <text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text> | |||
| </view> | |||
| <view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起 | |||
| <text class='time'>{{validDays}}</text>天内有效<text class="use">(请在有效期内使用)</text></view> | |||
| <text class='time'>{{validDays}}</text>天内有效 | |||
| <text class="use">(请在有效期内使用)</text> | |||
| </view> | |||
| <view class='rest' wx:if="{{data.validType==1}}">有效期: | |||
| <text class='time'>{{validStartDate}}至{{validEndDate}}<text class="use">(请在有效期内使用)</text></text> | |||
| </view> | |||
| <view class='rest' wx:if="{{data.type==5}}"> | |||
| <text class='time'>当次有效</text> | |||
| </view> | |||
| <view class='rest' wx:if="{{data.type==1}}"> | |||
| <text class='txt01'>使用条件:</text> | |||
| <text class='time'>满{{data.usePriceStr}}元可用</text> | |||
| @@ -68,6 +82,9 @@ | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='detailImg' wx:if="{{detailPicture.length>0}}"> | |||
| <image wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image> | |||
| </view> | |||
| <view class='applyshop'>适用门店</view> | |||
| <view class='posi' style='overflow:{{hidden}};height:{{height}}'> | |||
| <view class='posi_logo' wx:for="{{data.merchantVoList}}" wx:key="index" bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| @@ -78,7 +95,8 @@ | |||
| <text>{{item.merchantName}}</text> | |||
| <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> | |||
| <text>{{itemName.buildingName}}{{itemName.floorName}}--{{itemName.shopNumber}}</text> | |||
| <text class='douhao' wx:if="{{item.shopVoList.length>1}}">,</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -96,9 +114,11 @@ | |||
| </view> | |||
| </view> | |||
| <form bindsubmit="gotopay" data-type='{{data.type}}' report-submit='true' > | |||
| <form bindsubmit="gotopay" data-type='{{data.type}}' report-submit='true'> | |||
| <view class="buy-view app-border-top" style="position:fixed;z-index:{{zIndex}};"> | |||
| <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> | |||
| <button class='goback' bindtap='goback'> | |||
| <image src='{{wmhome}}' mode="widthFix"></image> | |||
| </button> | |||
| <button form-type="submit" disabled='{{showbutton}}' hover-class='active' class='buy' wx:if="{{data.type!=50&&data.type!=51&&data.salePriceStr!=0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}"> | |||
| <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | |||
| <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button> | |||
| @@ -111,19 +131,21 @@ | |||
| </view> | |||
| </form> | |||
| </view> | |||
| <form bindsubmit="submit" report-submit='true' > | |||
| <form bindsubmit="submit" report-submit='true'> | |||
| <view wx:if="{{data.remainInventory!=0&&data.type==8}}" class="btns clearfix" hover-class="none" hover-stop-propagation="false"> | |||
| <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> | |||
| <button class="fl" form-type="submit" bindtap='gotopay' data-discount='discount1' disabled='{{showbutton}}'> | |||
| <text>{{data.priceStr}}元</text> | |||
| <text>立即购买</text> | |||
| </button> | |||
| <button class="fr" bindtap='inviteFriend' disabled='{{showbutton1}}'> | |||
| 发起砍价 | |||
| </button> | |||
| <button class='goback' bindtap='goback'> | |||
| <image src='{{wmhome}}' mode="widthFix"></image> | |||
| </button> | |||
| <button class="fl" form-type="submit" bindtap='gotopay' data-discount='discount1' disabled='{{showbutton}}'> | |||
| <text>{{data.priceStr}}元</text> | |||
| <text>立即购买</text> | |||
| </button> | |||
| <button class="fr" bindtap='inviteFriend' disabled='{{showbutton1}}'> | |||
| 发起砍价 | |||
| </button> | |||
| </view> | |||
| </form> | |||
| <!-- 问卷调查 --> | |||
| <view class="b1" style="opacity:{{opacity}};display: {{display}};" animation="{{queueData}}"> | |||
| <view id='con' class='con'> | |||
| @@ -135,9 +157,9 @@ | |||
| <text class='titles'>{{questionnaire.title}}</text> | |||
| <!-- 单选 --> | |||
| <radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}"> | |||
| <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="{{index}}"> | |||
| <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}} | |||
| </label> | |||
| <label class="radios" wx:for="{{questionnaire.answers}}" wx:key="{{index}}"> | |||
| <radio value="{{item.id}}" checked="{{item.checked}}" />{{item.name}} | |||
| </label> | |||
| </radio-group> | |||
| <!-- 多选 --> | |||
| <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange"> | |||
| @@ -152,8 +174,12 @@ | |||
| <!-- 卡转赠领取弹出框 --> | |||
| <view class='shaddow' wx:if='{{showCardOffer}}'></view> | |||
| <view class='alert-box' wx:if='{{showCardOffer}}'> | |||
| <view class='user-img'><image src='{{cardData.avatarUrl}}'></image></view> | |||
| <view class='close' bindtap='closeAlert'><image src='{{close02}}'></image></view> | |||
| <view class='user-img'> | |||
| <image src='{{cardData.avatarUrl}}'></image> | |||
| </view> | |||
| <view class='close' bindtap='closeAlert'> | |||
| <image src='{{close02}}'></image> | |||
| </view> | |||
| <view class='a-title' wx:if='{{!isSamePeople&&isReceived}}'>{{cardData.userName}}</view> | |||
| <view class='a-title' wx:if='{{!isSamePeople&&!isReceived}}'>{{cardData.userName+'送您一张消费卡'}}</view> | |||
| <view class='a-title' wx:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view> | |||
| @@ -3,7 +3,11 @@ | |||
| page { | |||
| background: #fff; | |||
| } | |||
| button::after{ border: none; } | |||
| button::after { | |||
| border: none; | |||
| } | |||
| .coupons { | |||
| width: 100%; | |||
| position: relative; | |||
| @@ -17,18 +21,49 @@ button::after{ border: none; } | |||
| height: 534.5rpx; | |||
| } | |||
| .banner swiper { | |||
| width: 750rpx; | |||
| height: 534.5rpx; | |||
| } | |||
| .banner image { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .refound{ | |||
| border:1rpx solid red; | |||
| padding:3rpx 0; | |||
| display:block; | |||
| width:130rpx; | |||
| text-align:center; | |||
| .dots { | |||
| position: absolute; | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 50rpx; | |||
| display: flex; | |||
| justify-content: center; | |||
| } | |||
| .dot { | |||
| margin: 0 8rpx; | |||
| width: 14rpx; | |||
| height: 14rpx; | |||
| background: #fff; | |||
| border-radius: 8rpx; | |||
| transition: all 0.6s; | |||
| } | |||
| .dot.active { | |||
| width: 24rpx; | |||
| background: #f80; | |||
| } | |||
| .refound { | |||
| border: 1rpx solid red; | |||
| padding: 3rpx 0; | |||
| display: block; | |||
| width: 130rpx; | |||
| text-align: center; | |||
| margin-left: 14rpx; | |||
| } | |||
| .coupons_info { | |||
| width: 92%; | |||
| padding: 0 4%; | |||
| @@ -138,12 +173,14 @@ button::after{ border: none; } | |||
| font-size: 40rpx; | |||
| color: #ff4949; | |||
| letter-spacing: 0; | |||
| line-height:40rpx; | |||
| line-height: 40rpx; | |||
| } | |||
| .use{ | |||
| .use { | |||
| color: #ff4949; | |||
| margin-left: 10rpx; | |||
| } | |||
| .salePriceStr .yuan { | |||
| font-size: 24rpx; | |||
| color: #ff4949; | |||
| @@ -159,7 +196,7 @@ button::after{ border: none; } | |||
| .throgh { | |||
| text-decoration: line-through; | |||
| margin-left: 10rpx; | |||
| color: #999!important; | |||
| color: #999 !important; | |||
| } | |||
| .fl { | |||
| @@ -177,11 +214,11 @@ button::after{ border: none; } | |||
| margin: 0 auto; | |||
| } | |||
| /* .posi>view:nth-child(2) text:nth-child(1) { | |||
| font-size: 30rpx; | |||
| color: #a9a9a9; | |||
| } */ | |||
| /* | |||
| .posi>view:nth-child(2) text:nth-child(2) { | |||
| font-size: 30rpx; | |||
| @@ -197,8 +234,7 @@ button::after{ border: none; } | |||
| } | |||
| .posi_logo view:nth-child(1) { | |||
| /* width: 100rpx; */ | |||
| /* margin-right: 16rpx; */ | |||
| /* width: 100rpx; *//* margin-right: 16rpx; */ | |||
| border-radius: 16rpx; | |||
| /* height: 100rpx; */ | |||
| } | |||
| @@ -213,33 +249,35 @@ button::after{ border: none; } | |||
| } | |||
| .posi_logo view:nth-child(2) { | |||
| /* display: flex; */ | |||
| /* flex-direction: column; */ | |||
| /* flex: 8; */ | |||
| /* display: flex; *//* flex-direction: column; *//* flex: 8; */ | |||
| height: 100rpx; | |||
| /* padding-left: 30rpx; */ | |||
| } | |||
| .posi_logo view:nth-child(2) text:nth-child(1) { | |||
| font-size: 32rpx; | |||
| color: #333; | |||
| letter-spacing: 0; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| overflow: hidden; | |||
| } | |||
| .shopVoList{ | |||
| display: flex!important; | |||
| padding-left: 0!important; | |||
| flex-direction:row!important; | |||
| .shopVoList { | |||
| display: flex !important; | |||
| padding-left: 0 !important; | |||
| flex-direction: row !important; | |||
| } | |||
| .shopVoList text{ | |||
| font-size: 20rpx!important; | |||
| display: inline-block!important; | |||
| .shopVoList text { | |||
| font-size: 20rpx !important; | |||
| display: inline-block !important; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| color: #b8b8b8!important; | |||
| color: #b8b8b8 !important; | |||
| } | |||
| .notes view:nth-child(1) { | |||
| height: 87rpx; | |||
| line-height: 87rpx; | |||
| @@ -289,7 +327,7 @@ button::after{ border: none; } | |||
| .buy { | |||
| position: relative; | |||
| background: #AF6E34 ; | |||
| background: #af6e34; | |||
| height: 94rpx; | |||
| width: 560rpx; | |||
| margin: 0 auto 30rpx; | |||
| @@ -298,18 +336,20 @@ button::after{ border: none; } | |||
| line-height: 94rpx; | |||
| border-radius: 61rpx; | |||
| } | |||
| .goback{ | |||
| .goback { | |||
| position: relative; | |||
| float: left; | |||
| width:122rpx!important; | |||
| height:95rpx; | |||
| background:rgba(255,255,255,1); | |||
| width: 122rpx !important; | |||
| height: 95rpx; | |||
| background: rgba(255, 255, 255, 1); | |||
| line-height: 95rpx; | |||
| border:1px solid rgba(227,227,227,1); | |||
| border-radius:48rpx; | |||
| border: 1px solid rgba(227, 227, 227, 1); | |||
| border-radius: 48rpx; | |||
| margin-left: 25rpx; | |||
| } | |||
| .goback image{ | |||
| .goback image { | |||
| position: absolute; | |||
| width: 70rpx; | |||
| left: 0; | |||
| @@ -487,8 +527,8 @@ button::after{ border: none; } | |||
| .elecard { | |||
| display: inline-block; | |||
| margin-left: 6rpx; | |||
| color: #AF6E34 ; | |||
| border: 1px solid #AF6E34 ; | |||
| color: #af6e34; | |||
| border: 1px solid #af6e34; | |||
| border-radius: 8rpx; | |||
| font-style: normal; | |||
| font-size: 30rpx; | |||
| @@ -501,63 +541,72 @@ button::after{ border: none; } | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| color: #333; | |||
| text-indent:1em; | |||
| text-indent: 1em; | |||
| } | |||
| .btns{ | |||
| .btns { | |||
| /* padding: 0 33rpx; */ | |||
| position: fixed; | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| padding-bottom: 37rpx; | |||
| padding-top:37rpx; | |||
| padding-top: 37rpx; | |||
| z-index: 100; | |||
| background: #fff; | |||
| } | |||
| .btns > button{ | |||
| .btns > button { | |||
| width: 277rpx; | |||
| height: 95rpx; | |||
| border-radius:48rpx; | |||
| border-radius: 48rpx; | |||
| text-align: center; | |||
| } | |||
| .btns .fl{ | |||
| .btns .fl { | |||
| margin-left: 20rpx; | |||
| color: #fff; | |||
| background:rgba(255,169,2,1); | |||
| box-shadow:0px 8px 8px 1px rgba(255,169,2,0.32); | |||
| background: rgba(255, 169, 2, 1); | |||
| box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32); | |||
| } | |||
| .btns .fl text{ | |||
| .btns .fl text { | |||
| display: block; | |||
| font-size: 30rpx; | |||
| line-height: 34rpx; | |||
| } | |||
| .btns .fl text:nth-of-type(1){ | |||
| .btns .fl text:nth-of-type(1) { | |||
| margin-top: 12rpx; | |||
| } | |||
| .btns .fr{ | |||
| .btns .fr { | |||
| font-size: 30rpx; | |||
| color: #fff; | |||
| margin-right: 20rpx; | |||
| line-height: 95rpx; | |||
| background:rgba(236,59,45,1); | |||
| box-shadow:0px 8px 8px 1px rgba(246,93,51,0.32); | |||
| background: rgba(236, 59, 45, 1); | |||
| box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); | |||
| } | |||
| .support-tansfer{ | |||
| .support-tansfer { | |||
| width: 60%; | |||
| border-radius: 50rpx; | |||
| margin-top: 30rpx; | |||
| background: #02C0FF!important; | |||
| background: #02c0ff !important; | |||
| } | |||
| .shaddow{ | |||
| .shaddow { | |||
| z-index: 100; | |||
| position:fixed; | |||
| width:100%; | |||
| height:100%; | |||
| top:0px; | |||
| background:rgba(0,0,0,0.8); | |||
| overflow:hidden; | |||
| } | |||
| .alert-box{ | |||
| position: fixed; | |||
| width: 100%; | |||
| height: 100%; | |||
| top: 0px; | |||
| background: rgba(0, 0, 0, 0.8); | |||
| overflow: hidden; | |||
| } | |||
| .alert-box { | |||
| position: fixed; | |||
| top: 200rpx; | |||
| left: 10%; | |||
| @@ -568,7 +617,8 @@ button::after{ border: none; } | |||
| z-index: 200; | |||
| border-radius: 20rpx; | |||
| } | |||
| .user-img{ | |||
| .user-img { | |||
| position: absolute; | |||
| top: -50rpx; | |||
| left: 250rpx; | |||
| @@ -580,11 +630,13 @@ button::after{ border: none; } | |||
| background: #fff; | |||
| overflow: hidden; | |||
| } | |||
| .user-img image{ | |||
| .user-img image { | |||
| width: 100rpx; | |||
| height: 100rpx; | |||
| } | |||
| .close{ | |||
| .close { | |||
| position: absolute; | |||
| z-index: 300; | |||
| right: 0; | |||
| @@ -593,22 +645,25 @@ button::after{ border: none; } | |||
| height: 100rpx; | |||
| overflow: hidden; | |||
| } | |||
| .close image{ | |||
| .close image { | |||
| display: block; | |||
| width: 26rpx; | |||
| height: 26rpx; | |||
| margin: 20rpx 0 0 52rpx; | |||
| } | |||
| .a-title{ | |||
| .a-title { | |||
| text-align: center; | |||
| margin-top: 76rpx; | |||
| font-size:36rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(51,51,51,1); | |||
| line-height:44rpx; | |||
| font-size: 36rpx; | |||
| font-family: PingFang-SC-Medium; | |||
| font-weight: 500; | |||
| color: rgba(51, 51, 51, 1); | |||
| line-height: 44rpx; | |||
| } | |||
| .a-img{ | |||
| .a-img { | |||
| position: relative; | |||
| width: 80%; | |||
| border-radius: 20rpx; | |||
| @@ -617,7 +672,8 @@ button::after{ border: none; } | |||
| text-align: center; | |||
| margin: 30rpx auto 0; | |||
| } | |||
| .a-received{ | |||
| .a-received { | |||
| position: absolute; | |||
| width: 100%; | |||
| height: 294rpx; | |||
| @@ -626,33 +682,48 @@ button::after{ border: none; } | |||
| text-align: center; | |||
| line-height: 294rpx; | |||
| z-index: 320; | |||
| background:rgba(255,255,255,1); | |||
| border:0px solid rgba(151,57,117,1); | |||
| opacity:0.91; | |||
| font-size:36rpx; | |||
| color:rgba(255,51,50,1); | |||
| font-family:PingFang-SC-Medium; | |||
| } | |||
| .a-img image{ | |||
| background: rgba(255, 255, 255, 1); | |||
| border: 0px solid rgba(151, 57, 117, 1); | |||
| opacity: 0.91; | |||
| font-size: 36rpx; | |||
| color: rgba(255, 51, 50, 1); | |||
| font-family: PingFang-SC-Medium; | |||
| } | |||
| .a-img image { | |||
| width: 100%; | |||
| height: 100%; | |||
| } | |||
| .bottom{ | |||
| .bottom { | |||
| text-align: center; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| color: #999; | |||
| font-size: 32rpx; | |||
| } | |||
| .presslimit{ | |||
| color:red; | |||
| font-size:26rpx; | |||
| letter-spacing:1.16rpx; | |||
| overflow:hidden; | |||
| white-space:nowrap; | |||
| text-overflow:ellipsis; | |||
| } | |||
| checkbox-group,radio-group{ | |||
| height:400rpx; | |||
| overflow-y:scroll; | |||
| } | |||
| .presslimit { | |||
| color: red; | |||
| font-size: 26rpx; | |||
| letter-spacing: 1.16rpx; | |||
| overflow: hidden; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| } | |||
| checkbox-group, radio-group { | |||
| height: 400rpx; | |||
| overflow-y: scroll; | |||
| } | |||
| .detailImg { | |||
| width: 92%; | |||
| margin: 0 auto; | |||
| } | |||
| .detailImg image { | |||
| display: block; | |||
| width: 100%; | |||
| margin-bottom: 20rpx; | |||
| } | |||
| @@ -102,6 +102,7 @@ image{ | |||
| width: 180rpx; | |||
| height: 180rpx; | |||
| margin: 25rpx; | |||
| border-radius: 8rpx; | |||
| } | |||
| .content .spell-center{ | |||
| float: left; | |||