@@ -17,6 +17,13 @@ | |||
-webkit-text-stroke-width: 0.2rpx; | |||
-moz-osx-font-smoothing: grayscale; | |||
} | |||
.clearfix:after { | |||
content: "."; | |||
display: block; | |||
height: 0; | |||
clear: both; | |||
visibility: hidden; | |||
} | |||
/* 定位 */ | |||
.icon-dingweib:before { | |||
content: "\e652"; | |||
@@ -6,8 +6,7 @@ | |||
margin:-126rpx auto 0; | |||
border-radius:16rpx; | |||
z-index: 10000; | |||
/* box-shadow: 0px 10rpx 10rpx 0px rgba(0, 0, 0, 0.2); */ | |||
box-shadow: 0 5px 15px 0 rgba(0,0,0,.6); | |||
box-shadow: 0 6px 20px 0 rgba(0,0,0,0.10); | |||
} | |||
.index-slide, | |||
swiper-item | |||
@@ -1,9 +1,12 @@ | |||
view text{ | |||
view text { | |||
display: block; | |||
} | |||
view text:nth-of-type(1){ | |||
view text:nth-of-type(1) { | |||
padding: 20rpx 30rpx; | |||
font-size: 28rpx; | |||
line-height: 50rpx; | |||
color: #999; | |||
} | |||
font-size: 26rpx; | |||
color: #191919; | |||
letter-spacing: 0; | |||
text-align: justify; | |||
line-height: 46rpx; | |||
} |
@@ -27,7 +27,7 @@ | |||
<button bindtap='orderFunc' class='buy'>立即购买</button> | |||
</view> --> | |||
<view class='contain'> | |||
<view class='contain clearfix'> | |||
<!-- 优惠券 --> | |||
<navigator wx:for="{{data.coupons}}" wx:key="{{index}}" url="/pages/coupon/detail/index?couponChannelId={{item.id}}&couponId={{item.couponId}}"> | |||
<!-- 首页优惠券列表页面 --> | |||
@@ -48,14 +48,12 @@ | |||
</view> | |||
</view> | |||
</view> | |||
<!-- <view class="coupons1-info-name subtitle sy">剩余{{item.remainInventory}}</view> --> | |||
<view class="coupons1-btn"> | |||
<!-- 优惠券价格 --> | |||
<i-button class="buy" wx:if="{{item.salePriceStr==0}}" data-date='{{data}}'>免费领</i-button> | |||
<i-button class="buy" wx:elif="{{item.salePriceStr!=0}}" data-date='{{data}}'>马上购</i-button> | |||
<view class="coupons1-info-price"> | |||
<view class="coupons1-info-name subtitle sy">剩余{{item.remainInventory}}</view> | |||
<!-- <text class="coupons-info-price-o"><text class='i'>¥</text>{{item.priceStr}}</text> --> | |||
</view> | |||
</view> | |||
<!-- <view class="coupons1-border"></view> --> | |||
</view> | |||
@@ -61,7 +61,7 @@ page { | |||
.proct { | |||
position: relative; | |||
height: 60rpx; | |||
margin-top:20rpx; | |||
margin-top: 20rpx; | |||
} | |||
.proct text:nth-of-type(1) { | |||
@@ -72,13 +72,14 @@ page { | |||
display: inline-block; | |||
width: 60rpx; | |||
height: 64rpx; | |||
padding-right:20rpx; | |||
border-right: 2px solid #e5e5e5; | |||
padding-right: 20rpx; | |||
border-right: 2px solid #e5e5e5; | |||
} | |||
.proct text:nth-of-type(2) { | |||
display: inline-block; | |||
width: 498rpx; | |||
height: 60rpx; | |||
height: 63rpx; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
@@ -171,12 +172,20 @@ page { | |||
navigator { | |||
display: block; | |||
padding: 0 24rpx 0; | |||
margin-bottom: 24rpx; | |||
width: 344rpx; | |||
} | |||
navigator:nth-of-type(2n) { | |||
float: right; | |||
} | |||
navigator:nth-of-type(2n+1) { | |||
float: left; | |||
} | |||
.contain { | |||
padding-top: 24rpx; | |||
padding: 24rpx 25rpx 0; | |||
} | |||
.posi { | |||
@@ -298,15 +307,15 @@ navigator { | |||
.buy { | |||
display: block; | |||
background: #00c0ff; | |||
height: 50rpx; | |||
width: 120rpx; | |||
background: #ff4949; | |||
border-radius: 30rpx; | |||
height: 48rpx; | |||
width: 112rpx; | |||
margin: 0 auto; | |||
color: #fff; | |||
font-size: 28rpx; | |||
line-height: 50rpx; | |||
font-size: 26rpx; | |||
line-height: 48rpx; | |||
text-align: center; | |||
border-radius: 50rpx; | |||
} | |||
.coupons1-btn-gm { | |||
@@ -324,14 +333,11 @@ navigator { | |||
} | |||
.coupons1 { | |||
flex-direction: row; | |||
display: flex; | |||
padding: 24rpx; | |||
position: relative; | |||
height: 152rpx; | |||
background: #fff; | |||
border-radius: 16rpx; | |||
box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); | |||
padding-bottom: 21rpx; | |||
overflow: hidden; | |||
} | |||
/* .coupons1-border { | |||
@@ -344,10 +350,9 @@ navigator { | |||
} */ | |||
.coupons1-img { | |||
width: 160rpx; | |||
height: 160rpx; | |||
width: 344rpx; | |||
height: 258rpx; | |||
overflow: hidden; | |||
border-radius: 10rpx; | |||
} | |||
.coupons1-img image { | |||
@@ -364,7 +369,6 @@ navigator { | |||
font-size: 28rpx; | |||
color: #000; | |||
letter-spacing: 0; | |||
line-height: 38rpx; | |||
} | |||
.i { | |||
@@ -377,12 +381,20 @@ navigator { | |||
font-size: 36rpx; | |||
color: #f96563; | |||
line-height: 50rpx; | |||
margin-top: 21rpx; | |||
} | |||
.tit { | |||
font-size: 28rpx; | |||
font-size: 30rpx; | |||
color: #000; | |||
letter-spacing: 0; | |||
line-height: 42rpx; | |||
width: 270rpx; | |||
height: 42rpx; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
padding-top: 16rpx; | |||
} | |||
.coupons1-info-price-o { | |||
@@ -413,8 +425,8 @@ navigator { | |||
.coupons1-btn { | |||
position: absolute; | |||
width: 120rpx; | |||
top: 61rpx; | |||
right: 30rpx; | |||
bottom: 25rpx; | |||
right: 13rpx; | |||
} | |||
.coupons1-btn-gm { | |||
@@ -440,7 +452,7 @@ navigator { | |||
text-overflow: ellipsis; | |||
width: 300rpx; | |||
height: 33rpx; | |||
color: #919191; | |||
color: #999; | |||
letter-spacing: 0; | |||
} | |||
@@ -450,7 +462,8 @@ navigator { | |||
line-height: 34rpx; | |||
display: inline-block; | |||
} | |||
.jian{ | |||
.jian { | |||
width: 44rpx; | |||
position: absolute; | |||
bottom: 1.7%; | |||
@@ -6,16 +6,35 @@ | |||
</view> | |||
<view class='coupons_info'> | |||
<view> | |||
<text>{{data.title}}<text>限购{{data.useLimitQuantity}}件</text></text> | |||
<text wx:if="{{data.endTime!=undefined&&data.endTime>=0&&data.type!=5}}">剩余时间:<text>{{endtime}}</text></text> | |||
<text wx:if="{{data.endTime!=undefined&&0>=data.endTime&&data.type!=5}}">剩余时间:<text>即将到期</text></text> | |||
<text wx:if="{{data.endTime==undefined}}">自领取之日起<text>{{data.validDays}}</text>天内有效</text> | |||
<text wx:if="{{data.type==5}}"><text>当次有效</text></text> | |||
<text>剩余件数:<text>{{data.remainInventory}}件</text></text> | |||
</view> | |||
<view> | |||
<text>¥{{data.salePriceStr}}</text> | |||
<text>¥{{data.priceStr}}</text> | |||
<text class='title'>{{data.title}}</text> | |||
<text class="subTitle">{{data.subTitle}}</text> | |||
<view class='salePriceStr clearfix'> | |||
<view class="fl">售价: | |||
<text class="pri01">{{data.salePriceStr}}</text> | |||
<text class="yuan">元</text> | |||
<text class='throgh'>{{data.priceStr}}元</text> | |||
</view> | |||
<text class="restNum fr">剩余<text>{{data.remainInventory}}件</text></text> | |||
</view> | |||
<view class='rest' wx:if="{{data.endTime!=undefined&&data.endTime>=0&&data.type!=5}}"> | |||
<text class='txt01'>剩余时间:</text> | |||
<text class='time'>{{endtime}}</text> | |||
</view> | |||
<view class="rest" wx:if="{{data.endTime!=undefined&&0>=data.endTime&&data.type!=5}}">剩余时间: | |||
<text class='time'>即将到期</text> | |||
</view> | |||
<view class='rest' wx:if="{{data.endTime==undefined}}">自领取之日起 | |||
<text class='time'>{{data.validDays}}</text>天内有效</view> | |||
<view class='rest' wx:if="{{data.type==5}}"> | |||
<text class='time'>当次有效</text> | |||
</view> | |||
<view class='rest'> | |||
<text class='txt01'>限购条件:</text> | |||
<text class='time'>每人{{data.useLimitQuantity}}张</text> | |||
</view> | |||
</view> | |||
</view> | |||
@@ -30,11 +49,9 @@ | |||
</view> | |||
<image bindtap='phone' class="tel" src="./../../../assets/img/tel.jpg" mode="widthFix" /> | |||
</view> | |||
<!-- <view> | |||
<text>更多适用门店</text> | |||
<text class='iconfont icon-right'></text> | |||
</view> --> | |||
</view> | |||
<view class='notes'> | |||
<view> | |||
<text>购买须知</text> | |||
@@ -45,7 +62,7 @@ | |||
</view> | |||
</view> | |||
<view class="buy-view app-border-top"> | |||
<button bindtap='orderFunc' class='buy' wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0}}">立即支付</button> | |||
<button bindtap='orderFunc' hover-class='active' class='buy' wx:if="{{data.salePriceStr!=0&&data.remainInventory!=0}}"><text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | |||
<button bindtap='orderFunc' class='buy' wx:elif="{{data.salePriceStr==0&&data.remainInventory!=0}}">免费领取</button> | |||
<button class='buy' wx:elif="{{data.remainInventory==0}}" style="background:#999;color: #fff;">已售罄</button> | |||
</view> |
@@ -1,16 +1,19 @@ | |||
@import "../../../app.wxss"; | |||
page { | |||
background: #fff; | |||
} | |||
.coupons { | |||
width: 100%; | |||
background: #f6f6f6; | |||
position: relative; | |||
overflow: hidden; | |||
padding-bottom: 120rpx; | |||
padding-bottom: 170rpx; | |||
} | |||
.banner { | |||
width: 100%; | |||
height: 465rpx; | |||
width: 750rpx; | |||
height: 534.5rpx; | |||
} | |||
.banner image { | |||
@@ -20,68 +23,120 @@ | |||
.coupons_info { | |||
width: 92%; | |||
height: 186rpx; | |||
display: flex; | |||
justify-content: space-between; | |||
padding: 0 4%; | |||
background: #fff; | |||
border-top-left-radius: 20rpx; | |||
border-top-right-radius: 20rpx; | |||
margin-top: -25rpx; | |||
position: relative; | |||
z-index: 100000000; | |||
} | |||
.coupons_info view { | |||
display: flex; | |||
flex-direction: column; | |||
.title { | |||
display: block; | |||
font-size: 32rpx; | |||
color: #000; | |||
letter-spacing: 1.09rpx; | |||
line-height: 45rpx; | |||
width: 542rpx; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
padding-top: 30rpx; | |||
} | |||
.coupons_info view:nth-child(1) text { | |||
font-size: 30rpx; | |||
margin-top: 6%; | |||
.subTitle { | |||
display: block; | |||
width: 588rpx; | |||
height: 37rpx; | |||
font-size: 26rpx; | |||
color: #999; | |||
letter-spacing: 1.16rpx; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
padding: 6rpx 0; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(1) text { | |||
color: #ff3434; | |||
.rest { | |||
font-size: 24rpx; | |||
border: 1px solid #ff3434; | |||
border-radius: 6rpx; | |||
margin-left: 2%; | |||
padding: 0 5rpx; | |||
color: #919191; | |||
letter-spacing: 0; | |||
height: 70rpx; | |||
line-height: 70rpx; | |||
/* border-bottom: 1px solid #eee; */ | |||
border-bottom: 1px solid #f9f9f9; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(2), | |||
.coupons_info view:nth-child(1) text:nth-child(3) { | |||
color: #b8b8b8; | |||
.restNum { | |||
font-size: 24rpx; | |||
margin-top: 4%; | |||
color: #999; | |||
letter-spacing: 1.16rpx; | |||
text-align: right; | |||
} | |||
.coupons_info view:nth-child(1) text:nth-child(2) text, | |||
.coupons_info view:nth-child(1) text:nth-child(3) text { | |||
color: #ff3434; | |||
.time { | |||
font-size: 24rpx; | |||
color: #333; | |||
letter-spacing: 0; | |||
line-height: 33rpx; | |||
display: inline-block; | |||
} | |||
.coupons_info view:nth-child(2) text:nth-child(1) { | |||
font-size: 36rpx; | |||
color: #ff3434; | |||
margin-top: 40rpx; | |||
font-weight: bold; | |||
.txt01 { | |||
font-size: 24rpx; | |||
color: #919191; | |||
letter-spacing: 0; | |||
} | |||
.price { | |||
font-size: 24rpx; | |||
color: #999; | |||
letter-spacing: 0; | |||
} | |||
.salePriceStr { | |||
font-size: 24rpx; | |||
color: #999; | |||
letter-spacing: 0; | |||
} | |||
.salePriceStr .pri01 { | |||
font-size: 40rpx; | |||
color: #ff4949; | |||
letter-spacing: 0; | |||
margin-left: 10rpx; | |||
} | |||
.salePriceStr .yuan { | |||
font-size: 24rpx; | |||
color: #ff4949; | |||
letter-spacing: 0; | |||
} | |||
.coupons_info view:nth-child(2) text:nth-child(2) { | |||
.price text { | |||
font-size: 24rpx; | |||
color: #b4b4b4; | |||
color: #333; | |||
letter-spacing: 0; | |||
} | |||
.throgh { | |||
text-decoration: line-through; | |||
padding-left: 10rpx; | |||
padding-top: 4rpx; | |||
margin-left: 10rpx; | |||
} | |||
.posi { | |||
position: relative; | |||
width: 92%; | |||
display: flex; | |||
flex-direction: column; | |||
padding: 0 4%; | |||
background: #fff; | |||
margin-top: 2%; | |||
margin: 0 auto; | |||
} | |||
.fl { | |||
float: left; | |||
} | |||
.fr { | |||
float: right; | |||
} | |||
.posi>view:nth-child(2) { | |||
@@ -105,45 +160,48 @@ | |||
.posi_logo { | |||
width: 100%; | |||
height: 156rpx; | |||
display: flex; | |||
margin-top: 30rpx; | |||
padding: 20rpx 0; | |||
background: #fff; | |||
height: 100rpx; | |||
border-bottom: 1px solid #f9f9f9; | |||
} | |||
.posi_logo view:nth-child(1) { | |||
width: 126rpx; | |||
height: 126rpx; | |||
border-radius: 50%; | |||
width: 100rpx; | |||
height: 100rpx; | |||
border-radius: 16rpx; | |||
overflow: hidden; | |||
flex: 2; | |||
} | |||
.posi_logo view:nth-child(1) image { | |||
width: 100%; | |||
height: 100%; | |||
display: block; | |||
width: 100rpx; | |||
height: 100rpx; | |||
border-radius: 16rpx; | |||
border: 2px solid #e5e5e5; | |||
} | |||
.posi_logo view:nth-child(2) { | |||
display: flex; | |||
flex-direction: column; | |||
flex: 8; | |||
padding-top: 20rpx; | |||
padding-left: 30rpx; | |||
} | |||
.posi_logo view:nth-child(2) text:nth-child(1) { | |||
font-size: 30rpx; | |||
font-size: 32rpx; | |||
color: #333; | |||
letter-spacing: 0; | |||
} | |||
.posi_logo view:nth-child(2) text:nth-child(2) { | |||
font-size: 24rpx; | |||
color: #b8b8b8; | |||
padding-top: 10rpx; | |||
width:450rpx; | |||
} | |||
.notes { | |||
margin-top: 2%; | |||
padding-top: 3rpx; | |||
width: 450rpx; | |||
height: 36rpx; | |||
overflow: hidden; | |||
} | |||
.notes view:nth-child(1) { | |||
@@ -152,59 +210,66 @@ | |||
padding: 0 4%; | |||
line-height: 87rpx; | |||
background: #fff; | |||
border-bottom: 1rpx solid #f5f5f5; | |||
border-top: 1rpx solid #f5f5f5; | |||
} | |||
.active { | |||
opacity: 0.6; | |||
} | |||
.notes view:nth-child(1) text { | |||
font-size: 30rpx; | |||
font-weight: bold; | |||
font-size: 24rpx; | |||
color: #919191; | |||
letter-spacing: 0; | |||
} | |||
.notes view:nth-child(2) { | |||
width: 92%; | |||
padding: 2% 4%; | |||
padding: 0 4%; | |||
background: #fff; | |||
border-bottom: 1rpx solid #f5f5f5; | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.notes view:nth-child(2)>text { | |||
font-size: 26rpx; | |||
color: #a9a9a9; | |||
line-height: 45rpx; | |||
font-size: 24rpx; | |||
color: #333; | |||
letter-spacing: 0; | |||
line-height: 42rpx; | |||
} | |||
.buy-view { | |||
background: #fff; | |||
position: fixed; | |||
padding-top: 10rpx; | |||
height: 98rpx; | |||
bottom: 0rpx; | |||
height: 96rpx; | |||
bottom: 0; | |||
left: 0; | |||
right: 0; | |||
padding-bottom: 22rpx; | |||
padding-top: 22rpx; | |||
} | |||
.buy { | |||
background: #00c0ff; | |||
height: 88rpx; | |||
width: 98%; | |||
margin: 0 auto; | |||
height: 94rpx; | |||
width: 670rpx; | |||
margin: 0 auto 30rpx; | |||
color: #fff; | |||
font-size: 36rpx; | |||
line-height: 88rpx; | |||
border-radius: 6rpx; | |||
line-height: 94rpx; | |||
border-radius: 61rpx; | |||
} | |||
.tel { | |||
position: absolute; | |||
right: 50rpx; | |||
right: 0; | |||
top: 0; | |||
bottom: 0; | |||
margin: auto; | |||
width: 50rpx; | |||
height: 50rpx; | |||
z-index:1000000; | |||
z-index: 1000000; | |||
} | |||
.txt { | |||
margin-right: 30rpx; | |||
} |
@@ -6,7 +6,7 @@ | |||
<view> | |||
<view class="nocoupon" wx:if="{{list.length==0}}"> | |||
<image src="./../../../assets/img/cou.png" mode="widthFix" /> | |||
<text>暂无优惠券哦</text> | |||
<text>再忙,也要记得买点什么犒赏自己~</text> | |||
<navigator url="/pages/index/index" open-type="switchTab" hover-class="other-navigator-hover"> | |||
<button>去领券</button> | |||
</navigator> | |||
@@ -58,7 +58,8 @@ | |||
</view> | |||
<view class="dingdan" wx:if="{{list.length==0}}"> | |||
<image src="../../../assets/img/dingdan.png" mode="widthFix"></image> | |||
<text>暂无订单</text> | |||
<text>您还没有相关订单</text> | |||
<text>再忙,也要记得买点什么犒赏自己~</text> | |||
</view> | |||
</view> | |||
<view class="loading" wx:if="{{loading}}"> | |||
@@ -134,19 +134,27 @@ | |||
} | |||
.dingdan { | |||
margin-top: 200rpx; | |||
margin-top: 33rpx; | |||
} | |||
.dingdan text { | |||
.dingdan text:nth-of-type(1) { | |||
display: block; | |||
font-size: 34rpx; | |||
color: #333; | |||
letter-spacing: 0; | |||
text-align: center; | |||
font-size: 30rpx; | |||
color: #00c0ff; | |||
} | |||
.dingdan text:nth-of-type(2) { | |||
display: block; | |||
font-size: 28rpx; | |||
color: #999999; | |||
letter-spacing: 0; | |||
text-align: center; | |||
} | |||
.dingdan image { | |||
display: block; | |||
width: 100rpx; | |||
width: 300rpx; | |||
height: 300rpx; | |||
margin: 0 auto 16rpx; | |||
} | |||
@@ -1,19 +1,24 @@ | |||
<view class="user"> | |||
<view class='bannerbg'><image src='./../../assets/img/banner.png' mode="widthFix"></image></view> | |||
<view class="user-title"> | |||
<view class="user-avatar"> | |||
<open-data class="open" type="userAvatarUrl"></open-data> | |||
</view> | |||
<view class="user-phone"> | |||
<open-data type="userNickName"></open-data> | |||
<view>成长值:1000</view> | |||
<view class='chengzhang'>微信用户</view> | |||
</view> | |||
<view class='chengzhang1'> | |||
<view class="view">985<image src='./../../assets/img/shang.png' mode="widthFix"></image></view> | |||
<text>成长值</text> | |||
</view> | |||
</view> | |||
<view class="margin"></view> | |||
<view class="user-btns"> | |||
<navigator url="/pages/order/index/index?id=all"> | |||
<view class="user-btn app-border-bottom"> | |||
<view>我的订单</view> | |||
<view>全部订单</view> | |||
<view>查看全部<text class="iconfont icon-right"></text></view> | |||
</view> | |||
</navigator> | |||
<navigator url="/pages/order/index/index?id=0"> | |||
@@ -1,21 +1,27 @@ | |||
.margin { | |||
background: #f8f8f8; | |||
height: 20rpx; | |||
/* background: #f8f8f8; *//* height: 20rpx; */ | |||
} | |||
.user { | |||
background: #f8f8f8; | |||
background: #fff; | |||
min-height: 100vh; | |||
} | |||
.user-title { | |||
height: 186rpx; | |||
padding: 30rpx; | |||
position: relative; | |||
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | |||
border-radius: 8px; | |||
height: 176rpx; | |||
width: 698rpx; | |||
padding: 0 30rpx; | |||
display: flex; | |||
flex-direction: row; | |||
box-sizing: border-box; | |||
background: #fff; | |||
margin: -116rpx auto 0; | |||
border-bottom: 6rpx solid #02c0ff; | |||
} | |||
/* | |||
.user-avatar { | |||
padding-right: 30rpx; | |||
@@ -25,7 +31,8 @@ | |||
overflow: hidden; | |||
border: 1px solid red; | |||
} */ | |||
.couponnum{ | |||
.couponnum { | |||
display: inline-block; | |||
position: absolute; | |||
top: 20rpx; | |||
@@ -37,6 +44,7 @@ | |||
background: red; | |||
font-size: 22rpx; | |||
} | |||
.user-avatar open-data { | |||
display: block; | |||
width: 100%; | |||
@@ -45,20 +53,70 @@ | |||
.user-phone { | |||
font-family: PingFangSC-Regular; | |||
font-size: 30rpx; | |||
height: 120rpx; | |||
margin-left: 20rpx; | |||
color: #666; | |||
margin-left: 149rpx; | |||
letter-spacing: 0.64rpx; | |||
line-height: 44rpx; | |||
margin-top: 16rpx; | |||
margin-top: 43rpx; | |||
font-size: 36rpx; | |||
color: #000; | |||
} | |||
.user-avatar{ | |||
display: block; | |||
.user-avatar { | |||
position: absolute; | |||
left: 30rpx; | |||
top: 0; | |||
bottom: 0; | |||
width: 120rpx; | |||
height: 120rpx; | |||
border-radius:16rpx; | |||
border-radius: 50%; | |||
overflow: hidden; | |||
margin: auto; | |||
} | |||
.chengzhang { | |||
font-size: 28rpx; | |||
color: #999; | |||
line-height: 40rpx; | |||
} | |||
.chengzhang1 { | |||
position: absolute; | |||
right: 0; | |||
bottom: 0; | |||
top: 32rpx; | |||
} | |||
.chengzhang1 text { | |||
display: block; | |||
} | |||
.chengzhang1 image { | |||
width: 24rpx; | |||
height: 24rpx; | |||
vertical-align: top; | |||
margin-top: 10rpx; | |||
} | |||
.chengzhang1 .view { | |||
font-size: 48rpx; | |||
color: #01bffe; | |||
line-height: 67rpx; | |||
} | |||
.chengzhang1 text { | |||
font-size: 24rpx; | |||
color: #333; | |||
line-height: 33rpx; | |||
} | |||
.bannerbg { | |||
width: 100%; | |||
} | |||
.bannerbg image { | |||
display: block; | |||
width: 100%; | |||
} | |||
.open01 { | |||
@@ -66,6 +124,7 @@ | |||
width: 120rpx; | |||
height: 120rpx; | |||
} | |||
.user-btns { | |||
background: #fff; | |||
} | |||
@@ -85,9 +144,10 @@ | |||
} | |||
.user-btns .user-btn > view:last-child { | |||
font-size: 28rpx; | |||
color: #888; | |||
letter-spacing: 1.16rpx; | |||
text-align: right; | |||
color: #b8b8b8; | |||
font-size: 24rpx; | |||
} | |||
.user-btns .user-btn > view:last-child .iconfont { | |||