@@ -69,10 +69,14 @@ | |||||
.textInside { | .textInside { | ||||
position: relative; | position: relative; | ||||
width: 600rpx; | |||||
margin: auto; | |||||
.agreeButton { | .agreeButton { | ||||
position: absolute; | position: absolute; | ||||
left: 80rpx; | |||||
left: 0rpx; | |||||
top: 50%; | |||||
transform: translateY(-50%); | |||||
width: 35rpx; | width: 35rpx; | ||||
height: 35rpx; | height: 35rpx; | ||||
line-height: 35rpx; | line-height: 35rpx; | ||||
@@ -81,13 +85,9 @@ | |||||
color: #ffffff; | color: #ffffff; | ||||
text-align: center; | text-align: center; | ||||
image { | |||||
width: 100%; | |||||
height: 100%; | |||||
} | |||||
&.active { | &.active { | ||||
border: 0px solid #464646; | |||||
border: 0px solid #07c160; | |||||
background-color: #07c160; | |||||
} | } | ||||
} | } | ||||
@@ -101,4 +101,17 @@ | |||||
} | } | ||||
} | } | ||||
.close { | |||||
position: absolute; | |||||
top: 20rpx; | |||||
right: 20rpx; | |||||
width: 50rpx; | |||||
image { | |||||
width: 100%; | |||||
} | |||||
} | |||||
} | } |
@@ -3,7 +3,7 @@ | |||||
<view class="{{show ? 'component active' : 'component'}}" bindtap="closeBox" id="componentBG"> | <view class="{{show ? 'component active' : 'component'}}" bindtap="closeBox" id="componentBG"> | ||||
<view class="{{show ? 'checkBox active' : 'checkBox'}}"> | <view class="{{show ? 'checkBox active' : 'checkBox'}}"> | ||||
<view class="logo"> | <view class="logo"> | ||||
<image src="../asset/icon/tiny-Chat-rotate.png" mode="widthFix" /> | |||||
<image src="../../asset/icon/tiny-Chat-rotate.png" mode="widthFix" /> | |||||
<view class="title">小闲聊</view> | <view class="title">小闲聊</view> | ||||
</view> | </view> | ||||
@@ -14,12 +14,14 @@ | |||||
<view class="userProtocolModel"> | <view class="userProtocolModel"> | ||||
<view class="textInside"> | <view class="textInside"> | ||||
<view class="{{isNotRead ? 'agreeButton' : 'agreeButton active'}}" bindtap="agreedClick"> | |||||
<image wx:if="{{!isNotRead}}" src="../asset/icon/success.png" mode="" /> | |||||
<view class="{{isNotRead ? 'agreeButton' : 'agreeButton active'}}" bindtap="agreedClick">√ | |||||
</view> | </view> | ||||
<text>我已阅读并同意</text> | <text>我已阅读并同意</text> | ||||
<text class="userProtocol" bindtap="checkUserProtocol">《用户协议及隐私政策》</text> | <text class="userProtocol" bindtap="checkUserProtocol">《用户协议及隐私政策》</text> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="close" bindtap="skip"> | |||||
<image src="../../asset/icon/close.png" mode="widthFix" /> | |||||
</view> | |||||
</view> | </view> | ||||
</view> | </view> |
@@ -21,7 +21,7 @@ | |||||
.tinyChatICon { | .tinyChatICon { | ||||
position: absolute; | position: absolute; | ||||
top: 15rpx; | top: 15rpx; | ||||
left: 20rpx; | |||||
left: 30rpx; | |||||
width: 60rpx; | width: 60rpx; | ||||
text-align: center; | text-align: center; | ||||
transition: all 0.3s; | transition: all 0.3s; | ||||
@@ -113,10 +113,12 @@ | |||||
.textInside { | .textInside { | ||||
position: relative; | position: relative; | ||||
width: 550rpx; | |||||
margin: auto; | |||||
.agreeButton { | .agreeButton { | ||||
position: absolute; | position: absolute; | ||||
left: 115rpx; | |||||
left: 0rpx; | |||||
width: 30rpx; | width: 30rpx; | ||||
height: 30rpx; | height: 30rpx; | ||||
line-height: 35rpx; | line-height: 35rpx; | ||||
@@ -3,7 +3,6 @@ | |||||
<block wx:if="{{noticeText}}" class="noticeBar"> | <block wx:if="{{noticeText}}" class="noticeBar"> | ||||
<van-notice-bar color="#ffffff" background="#4ac987" left-icon="volume-o" mode="link" text="{{noticeText}}" bindtap="goToProductDetail" /> | <van-notice-bar color="#ffffff" background="#4ac987" left-icon="volume-o" mode="link" text="{{noticeText}}" bindtap="goToProductDetail" /> | ||||
</block> | </block> | ||||
<view class="{{logoActive ? 'logo active' : 'logo' }}"> | <view class="{{logoActive ? 'logo active' : 'logo' }}"> | ||||
<view class="{{holdingSwitch ? 'tinyChatICon active' : 'tinyChatICon' }}" bindtouchstart="iconTouchStart" bindtouchend="iconTouchEnd"> | <view class="{{holdingSwitch ? 'tinyChatICon active' : 'tinyChatICon' }}" bindtouchstart="iconTouchStart" bindtouchend="iconTouchEnd"> | ||||
<image src="../../asset/icon/tiny-Chat-rotate.png" mode="widthFix" /> | <image src="../../asset/icon/tiny-Chat-rotate.png" mode="widthFix" /> | ||||
@@ -89,7 +89,7 @@ Page({ | |||||
}, | }, | ||||
createPayOrder() { | createPayOrder() { | ||||
if (!this.data.phone) { | |||||
if (this.data.phone) { | |||||
this.setData({ | this.setData({ | ||||
isShowNumberCheck: true | isShowNumberCheck: true | ||||
}) | }) | ||||