@@ -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"> | <block wx:for="{{list}}" wx:key="unique"> | ||||
<swiper-item> | <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> | </swiper-item> | ||||
</block> | </block> | ||||
</swiper> | </swiper> | ||||
<view class="dots"> | |||||
<block wx:for="{{list}}" wx:key="unique"> | |||||
<view class="dot{{index == swiperCurrent ? ' active' : ''}}"></view> | |||||
</block> | |||||
</view> | |||||
</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 { | .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, | wmhome: imgurl.wmhome.url, | ||||
hidden: "hidden", | hidden: "hidden", | ||||
height: "", | height: "", | ||||
detailPicture:[], | |||||
coverPicture:[], | |||||
more: "点击查看更多", | more: "点击查看更多", | ||||
showMore: true, | showMore: true, | ||||
data: { | data: { | ||||
@@ -83,6 +85,11 @@ Page({ | |||||
url: `/pages/index/detail/index?id=${e.currentTarget.dataset.id}` | url: `/pages/index/detail/index?id=${e.currentTarget.dataset.id}` | ||||
}) | }) | ||||
}, | }, | ||||
swiperChange: function (e) { | |||||
this.setData({ | |||||
swiperCurrent: e.detail.current | |||||
}); | |||||
}, | |||||
phone: function(e) { | phone: function(e) { | ||||
let that = this; | let that = this; | ||||
wx.makePhoneCall({ | wx.makePhoneCall({ | ||||
@@ -376,7 +383,6 @@ Page({ | |||||
that.setData({ | that.setData({ | ||||
onshow: false | onshow: false | ||||
}) | }) | ||||
if (options && options.couponChannelId){ | if (options && options.couponChannelId){ | ||||
that.getDetail(options.couponChannelId, 'notendclock'); | that.getDetail(options.couponChannelId, 'notendclock'); | ||||
} | } | ||||
@@ -414,9 +420,17 @@ Page({ | |||||
that.setData({ | that.setData({ | ||||
couponId: res.data.couponId | couponId: res.data.couponId | ||||
}) | }) | ||||
if (res.code == 200) { | |||||
that.setData({ | |||||
showPage: true | |||||
}) | |||||
if (res && res.data && res.data.detailPicture) { | |||||
that.setData({ | 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({ | that.setData({ | ||||
data: res.data | data: res.data | ||||
}); | }); | ||||
if (that.data.data.merchantVoList && that.data.data.merchantVoList.length <= 4) { | if (that.data.data.merchantVoList && that.data.data.merchantVoList.length <= 4) { | ||||
that.setData({ | that.setData({ | ||||
height: that.data.data.merchantVoList.length * 140 + 'rpx', | height: that.data.data.merchantVoList.length * 140 + 'rpx', | ||||
@@ -2,9 +2,21 @@ | |||||
<!-- 券的详情页面 --> | <!-- 券的详情页面 --> | ||||
<view class='coupons'> | <view class='coupons'> | ||||
<view class="coupons-body"> | <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> | ||||
<view class='coupons_info' style='position:relative;z-index:9'> | <view class='coupons_info' style='position:relative;z-index:9'> | ||||
<view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}"> | <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}"> | ||||
<image class="fenxiang" src='{{share01}}' mode="widthFix"></image> | <image class="fenxiang" src='{{share01}}' mode="widthFix"></image> | ||||
@@ -50,14 +62,16 @@ | |||||
<text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text> | <text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text> | ||||
</view> | </view> | ||||
<view class='rest' wx:if="{{data.validType==2}}">有效期:自领取之日起 | <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}}">有效期: | <view class='rest' wx:if="{{data.validType==1}}">有效期: | ||||
<text class='time'>{{validStartDate}}至{{validEndDate}}<text class="use">(请在有效期内使用)</text></text> | <text class='time'>{{validStartDate}}至{{validEndDate}}<text class="use">(请在有效期内使用)</text></text> | ||||
</view> | </view> | ||||
<view class='rest' wx:if="{{data.type==5}}"> | <view class='rest' wx:if="{{data.type==5}}"> | ||||
<text class='time'>当次有效</text> | <text class='time'>当次有效</text> | ||||
</view> | </view> | ||||
<view class='rest' wx:if="{{data.type==1}}"> | <view class='rest' wx:if="{{data.type==1}}"> | ||||
<text class='txt01'>使用条件:</text> | <text class='txt01'>使用条件:</text> | ||||
<text class='time'>满{{data.usePriceStr}}元可用</text> | <text class='time'>满{{data.usePriceStr}}元可用</text> | ||||
@@ -68,6 +82,9 @@ | |||||
</view> | </view> | ||||
</view> | </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='applyshop'>适用门店</view> | ||||
<view class='posi' style='overflow:{{hidden}};height:{{height}}'> | <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}}'> | <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> | <text>{{item.merchantName}}</text> | ||||
<view class='shopVoList'> | <view class='shopVoList'> | ||||
<view wx:for="{{item.shopVoList}}" wx:key="{{index}}" wx:for-item="itemName"> | <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> | </view> | ||||
</view> | </view> | ||||
@@ -96,9 +114,11 @@ | |||||
</view> | </view> | ||||
</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}};"> | <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}}"> | <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> | <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> | <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> | </view> | ||||
</form> | </form> | ||||
</view> | </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"> | <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> | </view> | ||||
</form> | </form> | ||||
<!-- 问卷调查 --> | <!-- 问卷调查 --> | ||||
<view class="b1" style="opacity:{{opacity}};display: {{display}};" animation="{{queueData}}"> | <view class="b1" style="opacity:{{opacity}};display: {{display}};" animation="{{queueData}}"> | ||||
<view id='con' class='con'> | <view id='con' class='con'> | ||||
@@ -135,9 +157,9 @@ | |||||
<text class='titles'>{{questionnaire.title}}</text> | <text class='titles'>{{questionnaire.title}}</text> | ||||
<!-- 单选 --> | <!-- 单选 --> | ||||
<radio-group class="radio-group" wx:if="{{questionnaire.flag=='single'}}" data-flags="single" bindchange="formSubmit" data-questionId="{{questionId}}"> | <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> | </radio-group> | ||||
<!-- 多选 --> | <!-- 多选 --> | ||||
<checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange"> | <checkbox-group bindchange="checkboxChange" wx:if="{{questionnaire.flag=='multi'}}" bindchange="checkboxChange"> | ||||
@@ -152,8 +174,12 @@ | |||||
<!-- 卡转赠领取弹出框 --> | <!-- 卡转赠领取弹出框 --> | ||||
<view class='shaddow' wx:if='{{showCardOffer}}'></view> | <view class='shaddow' wx:if='{{showCardOffer}}'></view> | ||||
<view class='alert-box' wx:if='{{showCardOffer}}'> | <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}}'>{{cardData.userName+'送您一张消费卡'}}</view> | <view class='a-title' wx:if='{{!isSamePeople&&!isReceived}}'>{{cardData.userName+'送您一张消费卡'}}</view> | ||||
<view class='a-title' wx:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view> | <view class='a-title' wx:if='{{isSamePeople&&!isReceived}}'>等待好友领取</view> | ||||
@@ -3,7 +3,11 @@ | |||||
page { | page { | ||||
background: #fff; | background: #fff; | ||||
} | } | ||||
button::after{ border: none; } | |||||
button::after { | |||||
border: none; | |||||
} | |||||
.coupons { | .coupons { | ||||
width: 100%; | width: 100%; | ||||
position: relative; | position: relative; | ||||
@@ -17,18 +21,49 @@ button::after{ border: none; } | |||||
height: 534.5rpx; | height: 534.5rpx; | ||||
} | } | ||||
.banner swiper { | |||||
width: 750rpx; | |||||
height: 534.5rpx; | |||||
} | |||||
.banner image { | .banner image { | ||||
width: 100%; | width: 100%; | ||||
height: 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; | margin-left: 14rpx; | ||||
} | } | ||||
.coupons_info { | .coupons_info { | ||||
width: 92%; | width: 92%; | ||||
padding: 0 4%; | padding: 0 4%; | ||||
@@ -138,12 +173,14 @@ button::after{ border: none; } | |||||
font-size: 40rpx; | font-size: 40rpx; | ||||
color: #ff4949; | color: #ff4949; | ||||
letter-spacing: 0; | letter-spacing: 0; | ||||
line-height:40rpx; | |||||
line-height: 40rpx; | |||||
} | } | ||||
.use{ | |||||
.use { | |||||
color: #ff4949; | color: #ff4949; | ||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
} | } | ||||
.salePriceStr .yuan { | .salePriceStr .yuan { | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
color: #ff4949; | color: #ff4949; | ||||
@@ -159,7 +196,7 @@ button::after{ border: none; } | |||||
.throgh { | .throgh { | ||||
text-decoration: line-through; | text-decoration: line-through; | ||||
margin-left: 10rpx; | margin-left: 10rpx; | ||||
color: #999!important; | |||||
color: #999 !important; | |||||
} | } | ||||
.fl { | .fl { | ||||
@@ -177,11 +214,11 @@ button::after{ border: none; } | |||||
margin: 0 auto; | margin: 0 auto; | ||||
} | } | ||||
/* .posi>view:nth-child(2) text:nth-child(1) { | /* .posi>view:nth-child(2) text:nth-child(1) { | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
color: #a9a9a9; | color: #a9a9a9; | ||||
} */ | } */ | ||||
/* | /* | ||||
.posi>view:nth-child(2) text:nth-child(2) { | .posi>view:nth-child(2) text:nth-child(2) { | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
@@ -197,8 +234,7 @@ button::after{ border: none; } | |||||
} | } | ||||
.posi_logo view:nth-child(1) { | .posi_logo view:nth-child(1) { | ||||
/* width: 100rpx; */ | |||||
/* margin-right: 16rpx; */ | |||||
/* width: 100rpx; *//* margin-right: 16rpx; */ | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
/* height: 100rpx; */ | /* height: 100rpx; */ | ||||
} | } | ||||
@@ -213,33 +249,35 @@ button::after{ border: none; } | |||||
} | } | ||||
.posi_logo view:nth-child(2) { | .posi_logo view:nth-child(2) { | ||||
/* display: flex; */ | |||||
/* flex-direction: column; */ | |||||
/* flex: 8; */ | |||||
/* display: flex; *//* flex-direction: column; *//* flex: 8; */ | |||||
height: 100rpx; | height: 100rpx; | ||||
/* padding-left: 30rpx; */ | /* padding-left: 30rpx; */ | ||||
} | } | ||||
.posi_logo view:nth-child(2) text:nth-child(1) { | .posi_logo view:nth-child(2) text:nth-child(1) { | ||||
font-size: 32rpx; | font-size: 32rpx; | ||||
color: #333; | color: #333; | ||||
letter-spacing: 0; | letter-spacing: 0; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
text-overflow: ellipsis; | 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; | white-space: nowrap; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
color: #b8b8b8!important; | |||||
color: #b8b8b8 !important; | |||||
} | } | ||||
.notes view:nth-child(1) { | .notes view:nth-child(1) { | ||||
height: 87rpx; | height: 87rpx; | ||||
line-height: 87rpx; | line-height: 87rpx; | ||||
@@ -289,7 +327,7 @@ button::after{ border: none; } | |||||
.buy { | .buy { | ||||
position: relative; | position: relative; | ||||
background: #AF6E34 ; | |||||
background: #af6e34; | |||||
height: 94rpx; | height: 94rpx; | ||||
width: 560rpx; | width: 560rpx; | ||||
margin: 0 auto 30rpx; | margin: 0 auto 30rpx; | ||||
@@ -298,18 +336,20 @@ button::after{ border: none; } | |||||
line-height: 94rpx; | line-height: 94rpx; | ||||
border-radius: 61rpx; | border-radius: 61rpx; | ||||
} | } | ||||
.goback{ | |||||
.goback { | |||||
position: relative; | position: relative; | ||||
float: left; | 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; | 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; | margin-left: 25rpx; | ||||
} | } | ||||
.goback image{ | |||||
.goback image { | |||||
position: absolute; | position: absolute; | ||||
width: 70rpx; | width: 70rpx; | ||||
left: 0; | left: 0; | ||||
@@ -487,8 +527,8 @@ button::after{ border: none; } | |||||
.elecard { | .elecard { | ||||
display: inline-block; | display: inline-block; | ||||
margin-left: 6rpx; | margin-left: 6rpx; | ||||
color: #AF6E34 ; | |||||
border: 1px solid #AF6E34 ; | |||||
color: #af6e34; | |||||
border: 1px solid #af6e34; | |||||
border-radius: 8rpx; | border-radius: 8rpx; | ||||
font-style: normal; | font-style: normal; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
@@ -501,63 +541,72 @@ button::after{ border: none; } | |||||
height: 70rpx; | height: 70rpx; | ||||
line-height: 70rpx; | line-height: 70rpx; | ||||
color: #333; | color: #333; | ||||
text-indent:1em; | |||||
text-indent: 1em; | |||||
} | } | ||||
.btns{ | |||||
.btns { | |||||
/* padding: 0 33rpx; */ | /* padding: 0 33rpx; */ | ||||
position: fixed; | position: fixed; | ||||
left: 0; | left: 0; | ||||
right: 0; | right: 0; | ||||
bottom: 0; | bottom: 0; | ||||
padding-bottom: 37rpx; | padding-bottom: 37rpx; | ||||
padding-top:37rpx; | |||||
padding-top: 37rpx; | |||||
z-index: 100; | z-index: 100; | ||||
background: #fff; | background: #fff; | ||||
} | } | ||||
.btns > button{ | |||||
.btns > button { | |||||
width: 277rpx; | width: 277rpx; | ||||
height: 95rpx; | height: 95rpx; | ||||
border-radius:48rpx; | |||||
border-radius: 48rpx; | |||||
text-align: center; | text-align: center; | ||||
} | } | ||||
.btns .fl{ | |||||
.btns .fl { | |||||
margin-left: 20rpx; | margin-left: 20rpx; | ||||
color: #fff; | 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; | display: block; | ||||
font-size: 30rpx; | font-size: 30rpx; | ||||
line-height: 34rpx; | line-height: 34rpx; | ||||
} | } | ||||
.btns .fl text:nth-of-type(1){ | |||||
.btns .fl text:nth-of-type(1) { | |||||
margin-top: 12rpx; | margin-top: 12rpx; | ||||
} | } | ||||
.btns .fr{ | |||||
.btns .fr { | |||||
font-size: 30rpx; | font-size: 30rpx; | ||||
color: #fff; | color: #fff; | ||||
margin-right: 20rpx; | margin-right: 20rpx; | ||||
line-height: 95rpx; | 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%; | width: 60%; | ||||
border-radius: 50rpx; | border-radius: 50rpx; | ||||
margin-top: 30rpx; | margin-top: 30rpx; | ||||
background: #02C0FF!important; | |||||
background: #02c0ff !important; | |||||
} | } | ||||
.shaddow{ | |||||
.shaddow { | |||||
z-index: 100; | 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; | position: fixed; | ||||
top: 200rpx; | top: 200rpx; | ||||
left: 10%; | left: 10%; | ||||
@@ -568,7 +617,8 @@ button::after{ border: none; } | |||||
z-index: 200; | z-index: 200; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
} | } | ||||
.user-img{ | |||||
.user-img { | |||||
position: absolute; | position: absolute; | ||||
top: -50rpx; | top: -50rpx; | ||||
left: 250rpx; | left: 250rpx; | ||||
@@ -580,11 +630,13 @@ button::after{ border: none; } | |||||
background: #fff; | background: #fff; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.user-img image{ | |||||
.user-img image { | |||||
width: 100rpx; | width: 100rpx; | ||||
height: 100rpx; | height: 100rpx; | ||||
} | } | ||||
.close{ | |||||
.close { | |||||
position: absolute; | position: absolute; | ||||
z-index: 300; | z-index: 300; | ||||
right: 0; | right: 0; | ||||
@@ -593,22 +645,25 @@ button::after{ border: none; } | |||||
height: 100rpx; | height: 100rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.close image{ | |||||
.close image { | |||||
display: block; | display: block; | ||||
width: 26rpx; | width: 26rpx; | ||||
height: 26rpx; | height: 26rpx; | ||||
margin: 20rpx 0 0 52rpx; | margin: 20rpx 0 0 52rpx; | ||||
} | } | ||||
.a-title{ | |||||
.a-title { | |||||
text-align: center; | text-align: center; | ||||
margin-top: 76rpx; | 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; | position: relative; | ||||
width: 80%; | width: 80%; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
@@ -617,7 +672,8 @@ button::after{ border: none; } | |||||
text-align: center; | text-align: center; | ||||
margin: 30rpx auto 0; | margin: 30rpx auto 0; | ||||
} | } | ||||
.a-received{ | |||||
.a-received { | |||||
position: absolute; | position: absolute; | ||||
width: 100%; | width: 100%; | ||||
height: 294rpx; | height: 294rpx; | ||||
@@ -626,33 +682,48 @@ button::after{ border: none; } | |||||
text-align: center; | text-align: center; | ||||
line-height: 294rpx; | line-height: 294rpx; | ||||
z-index: 320; | 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%; | width: 100%; | ||||
height: 100%; | height: 100%; | ||||
} | } | ||||
.bottom{ | |||||
.bottom { | |||||
text-align: center; | text-align: center; | ||||
height: 70rpx; | height: 70rpx; | ||||
line-height: 70rpx; | line-height: 70rpx; | ||||
color: #999; | color: #999; | ||||
font-size: 32rpx; | 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; | width: 180rpx; | ||||
height: 180rpx; | height: 180rpx; | ||||
margin: 25rpx; | margin: 25rpx; | ||||
border-radius: 8rpx; | |||||
} | } | ||||
.content .spell-center{ | .content .spell-center{ | ||||
float: left; | float: left; | ||||