106 lines
2.8 KiB
Plaintext
106 lines
2.8 KiB
Plaintext
<template>
|
||
<view :class="{'~show':showVisitorModel}" class="~cu-modal " style="transition-duration: 0s !important;">
|
||
<view class="perfect_box ~animation-slide-top">
|
||
<view class="operation_box ~text-center">
|
||
<view class="title ~font_32 ~bold">完善资料</view>
|
||
<image class="d_img" src="https://image.fulllinkai.com/202203/24/ed0d934242d66b9de3981b5ab072079d.png" mode="widthFix"></image>
|
||
<view class="d_text ~font_30 ~color666">你还未完成资料，赶快去完善，解锁更多功能</view>
|
||
<view class="d_btn ~font_32" @tap="gotoBasicData">完善资料</view>
|
||
</view>
|
||
<view class="m_shut text-center">
|
||
<image class="shut_icon" @tap.stop="hideModal" src="https://images.ufutx.com/202104/27/1033c7b52cacddcebe999cefc6ad2c9b.png" mode="widthFix"></image>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import wepy from '@wepy/core'
|
||
wepy.component({
|
||
props: {
|
||
showVisitorModel: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
data: {
|
||
// showVisitorModel: false,
|
||
img1: 'https://image.fulllinkai.com/202203/22/d4abf8d549c7429e46fb43367d1eec89.png', // 无法查看
|
||
img2: 'https://images.ufutx.com/202103/17/2b0cd3c8b254a0f66a7dcb9f9158c50d.png' // 无法申请
|
||
},
|
||
watch: {},
|
||
methods: {
|
||
// showModal (val) {
|
||
// // val的值由父组件传值，1代表操作，0代表查看，根据触发事件来定义展示图片
|
||
// this.showVisitorModel = true
|
||
// },
|
||
hideModal () {
|
||
// this.showVisitorModel = false
|
||
this.$emit('closeFn')
|
||
},
|
||
gotoBasicData() {
|
||
let link = '/pages/userInfo/basicData'
|
||
this.showVisitorModel = false
|
||
wx.navigateTo({url: link})
|
||
}
|
||
}
|
||
})
|
||
</script>
|
||
|
||
<style scoped lang="less">
|
||
.perfect_box{
|
||
position: relative;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
width: 600rpx;
|
||
margin: auto;
|
||
background-color: #ffffff;
|
||
border-radius: 24rpx;
|
||
.operation_box{
|
||
margin: 0 30rpx;
|
||
border-radius: 16rpx;
|
||
padding: 22rpx;
|
||
.title{
|
||
margin-top: 10rpx;
|
||
color: #333333;
|
||
line-height: 30px;
|
||
}
|
||
.d_img{
|
||
width: 320rpx;
|
||
margin-top: 22rpx;
|
||
}
|
||
.d_text{
|
||
width: 400rpx;
|
||
margin:22rpx auto;
|
||
font-weight: 400;
|
||
line-height: 52rpx;
|
||
}
|
||
.d_btn{
|
||
height: 80rpx;
|
||
border-radius: 20px;
|
||
background: url('https://image.fulllinkai.com/202203/24/dd344c69484dfa46820998dde150556f.png')
|
||
100% no-repeat;
|
||
width: 380rpx;
|
||
margin: 42rpx auto;
|
||
line-height:80rpx;
|
||
font-weight: 400;
|
||
color: #fff;
|
||
text-indent: 10rpx;
|
||
}
|
||
}
|
||
.m_shut {
|
||
width: 100%;
|
||
height: 48rpx;
|
||
position: absolute;
|
||
left: 0;
|
||
bottom: -60px;
|
||
.shut_icon{
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
</style>
|