9 changed files with 172 additions and 18 deletions
@ -0,0 +1,34 @@ |
|||
Component({ |
|||
data: { |
|||
visible: false |
|||
}, |
|||
properties: { |
|||
completeInfoDialogVisible: { |
|||
type: Boolean, |
|||
value: false, |
|||
observer (value) { |
|||
this.setData({ |
|||
visible: !this.data.visible |
|||
}) |
|||
} |
|||
} |
|||
}, |
|||
methods: { |
|||
navigateToComplete () { |
|||
wx.navigateTo({ |
|||
url: '/pages/complete/complete' |
|||
}) |
|||
this.setData({ |
|||
visible: false |
|||
}) |
|||
}, |
|||
closeDialog () { |
|||
this.setData({ |
|||
visible: false |
|||
}) |
|||
}, |
|||
catchmove () { |
|||
|
|||
} |
|||
} |
|||
}) |
|||
@ -0,0 +1,3 @@ |
|||
{ |
|||
"component": true |
|||
} |
|||
@ -0,0 +1,13 @@ |
|||
<view class="complete-info-dialog" wx:if="{{visible}}" catchtouchmove="catchmove"> |
|||
<view class="content"> |
|||
<view class="close-dialog"> |
|||
<image bindtap="closeDialog" src="../../images/association/IC_guanbi@2x.png" /> |
|||
</view> |
|||
<view class="title">提示</view> |
|||
<view class="tip">请先完善用户信息</view> |
|||
<view class="operation"> |
|||
<view class="cancel" bindtap="closeDialog">下次再说</view> |
|||
<view class="confirm" bindtap="navigateToComplete">立即完善</view> |
|||
</view> |
|||
</view> |
|||
</view> |
|||
@ -0,0 +1,75 @@ |
|||
.complete-info-dialog { |
|||
width: 100%; |
|||
height:100vh; |
|||
position: fixed; |
|||
left: 0rpx; |
|||
top: 0rpx; |
|||
background: rgba(0,0,0, 0.6); |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
z-index: 1000; |
|||
} |
|||
.complete-info-dialog .content { |
|||
width: 530rpx; |
|||
border-radius: 16rpx; |
|||
background: #fff; |
|||
box-sizing: border-box; |
|||
padding: 0 20rpx; |
|||
} |
|||
.complete-info-dialog .content .close-dialog { |
|||
width: 100%; |
|||
height: 60rpx; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
} |
|||
.complete-info-dialog .content .close-dialog image { |
|||
width:24rpx; |
|||
height:24rpx; |
|||
} |
|||
.complete-info-dialog .content .title { |
|||
font-size: 36rpx; |
|||
color: #333; |
|||
width:100%; |
|||
line-height: 60rpx; |
|||
height: 60rpx; |
|||
text-align: center; |
|||
margin-bottom: 27rpx; |
|||
} |
|||
.complete-info-dialog .content .tip { |
|||
font-size: 32rpx; |
|||
color: #666; |
|||
line-height: 50rpx; |
|||
text-align:center; |
|||
margin-bottom: 36rpx; |
|||
} |
|||
.complete-info-dialog .content .operation { |
|||
width: 100%; |
|||
height: 105rpx; |
|||
box-sizing: border-box; |
|||
padding: 15rpx 0; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
align-items: center; |
|||
border-top: 1rpx solid #eaeaea; |
|||
} |
|||
.complete-info-dialog .content .operation .cancel { |
|||
width: 100%; |
|||
height:100%; |
|||
text-align: center; |
|||
line-height: 75rpx; |
|||
font-size: 36rpx; |
|||
color: #666; |
|||
} |
|||
.complete-info-dialog .content .operation .cancel + .confirm { |
|||
border-left: 1rpx solid #eaeaea; |
|||
} |
|||
.complete-info-dialog .content .operation .confirm { |
|||
width: 100%; |
|||
height:100%; |
|||
text-align: center; |
|||
line-height: 75rpx; |
|||
font-size: 36rpx; |
|||
color: #04BCA0; |
|||
} |
|||
Loading…
Reference in new issue