1306 lines
48 KiB
Plaintext
1306 lines
48 KiB
Plaintext
<style lang="less">
|
||
page{
|
||
background: #ffffff;
|
||
}
|
||
.message-info{
|
||
padding-top: 16rpx;
|
||
background: #F3F6F8;
|
||
border-radius: 32rpx;
|
||
}
|
||
|
||
.progress{
|
||
width: 100vw;
|
||
position: fixed;
|
||
top: 0;
|
||
z-index: 999;
|
||
background: #F3F6F8;
|
||
padding: 2vw 0 2vw 0;
|
||
.progressBox{
|
||
width: 66vw;
|
||
margin-left: 5vw;
|
||
}
|
||
._num{
|
||
margin-right: 5vw;
|
||
margin-top: 10rpx;
|
||
}
|
||
.prompt{
|
||
width: 86vw;
|
||
margin-left: 5vw;
|
||
margin-top: 12rpx;
|
||
}
|
||
image{
|
||
width: 68rpx;
|
||
height: auto;
|
||
animation: zy 2.5s .15s linear infinite;
|
||
box-shadow: 0rpx 0rpx 6rpx #ffd478;
|
||
@keyframes zy{
|
||
10%{transform: rotate(8deg);}
|
||
20%{transform: rotate(-6deg);}
|
||
30%{transform: rotate(3deg);}
|
||
40%{transform: rotate(-3deg);}
|
||
50%,100%{transform: rotate(0deg);}
|
||
}
|
||
}
|
||
}
|
||
.live-image {
|
||
height: 450rpx !important;
|
||
padding-left: 30rpx;
|
||
|
||
}
|
||
|
||
.live-image swiper-item, .live-image .live-image-default{
|
||
position: relative;
|
||
width: 300rpx !important;
|
||
height: 440rpx!important;
|
||
//left: 70rpx;
|
||
box-sizing: border-box;
|
||
padding-right: 20rpx;
|
||
overflow: initial;
|
||
}
|
||
|
||
.live-image swiper-item .swiper-item {
|
||
width: 100%;
|
||
display: block;
|
||
height: 100%;
|
||
border-radius: 10rpx;
|
||
//transform: scale(0.9);
|
||
transition: all 0.2s ease-in 0s;
|
||
overflow: hidden;
|
||
}
|
||
.live-image-icon{
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
}
|
||
.live-image-text{
|
||
color:#F33B6C;
|
||
}
|
||
.live-image-del{
|
||
padding: 4rpx;
|
||
position: absolute;
|
||
right: 22rpx;
|
||
top: 4rpx;
|
||
width: 34rpx;
|
||
height: 34rpx;
|
||
}
|
||
|
||
.container{
|
||
width: 92vw;
|
||
margin: 34rpx auto;
|
||
background: white;
|
||
border-radius: 32rpx;
|
||
//overflow: hidden;
|
||
box-shadow: 1rpx 1rpx 18rpx #ececec;
|
||
//padding-bottom: 12rpx;
|
||
.mainInfo{
|
||
position: relative;
|
||
width: 100%;
|
||
.mainMessage{
|
||
margin: 30rpx 50rpx;
|
||
.itemInfo{
|
||
.user_data {
|
||
//overflow: hidden;
|
||
.user_age_box{
|
||
float: left;
|
||
margin-top: 8rpx;
|
||
padding: 8rpx 16rpx;
|
||
line-height: normal;
|
||
border-radius: 30rpx;
|
||
background: #FFF4F7;
|
||
//border: 1rpx solid #ff95b1;
|
||
.sex_icon{
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
vertical-align: middle;
|
||
margin-top: -2rpx;
|
||
margin-left: -3rpx;
|
||
}
|
||
.age_num{
|
||
margin-left: 4rpx;
|
||
color: #ED3866;
|
||
}
|
||
.stature_num{
|
||
color: #ED3866;
|
||
}
|
||
}
|
||
.sexActive{
|
||
background: #F2F7FF;
|
||
//border: 1px solid #85B9FF;
|
||
.age_num{
|
||
margin-left: 4rpx;
|
||
color: #3A8EFF;
|
||
}
|
||
.stature_num{
|
||
color: #3A8EFF;
|
||
}
|
||
}
|
||
}
|
||
.icon{
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
margin-top: 12rpx;
|
||
margin-left: 4rpx;
|
||
}
|
||
.iconD{
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
margin-top: 14rpx;
|
||
margin-left: 4rpx;
|
||
}
|
||
}
|
||
.info-avatar{
|
||
position: relative;
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
padding: 4rpx;
|
||
border-radius: 50%;
|
||
box-shadow: 0 0 16rpx rgba(0,0,0,0.15);
|
||
.info-avatar-image{
|
||
width: 100%;
|
||
height: 100%;
|
||
border-radius: 50%;
|
||
}
|
||
.info-avatar-upload{
|
||
position: absolute;
|
||
right: 4rpx;
|
||
bottom: 4rpx;
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
}
|
||
.info-avatar-audit{
|
||
position: absolute;
|
||
left: 50%;
|
||
bottom: -80rpx;
|
||
padding: 12rpx 14rpx;
|
||
width: max-content;
|
||
font-weight: 400;
|
||
transform: translateX(-50%);
|
||
background: #333333;
|
||
border-radius: 20rpx;
|
||
z-index: 1000;
|
||
&:after{
|
||
content: "";
|
||
width: 0px;
|
||
height: 0px;
|
||
border-left: 18rpx solid transparent;
|
||
border-right: 18rpx solid transparent;
|
||
border-bottom: 18rpx solid #333333;
|
||
position: absolute;
|
||
top: -18rpx;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
.uploadBox{
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
z-index: 99;
|
||
width: 100%;
|
||
._bc{
|
||
position: absolute;
|
||
left: 0;
|
||
top: 0;
|
||
width: 100%;
|
||
height: 680rpx;
|
||
background: rgba(0, 0, 0, .4);
|
||
}
|
||
.uploadIcon{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
margin-top: 300rpx;
|
||
}
|
||
.editPicStyle{
|
||
border: 1rpx solid #fff;
|
||
width: 200rpx;
|
||
position: relative;
|
||
margin: auto;
|
||
border-radius: 6rpx;
|
||
}
|
||
}
|
||
.active_user{
|
||
width: 100%;
|
||
height: 680rpx;
|
||
margin-bottom: -18rpx;
|
||
z-index: 9;
|
||
}
|
||
.mainTitle{
|
||
margin-top: 28rpx;
|
||
overflow: hidden;
|
||
padding: 4rpx 24rpx;
|
||
.icon{
|
||
width: 106rpx;
|
||
height: auto;
|
||
}
|
||
.circle_icon{
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
vertical-align: middle;
|
||
margin-top: -8rpx;
|
||
}
|
||
._title{
|
||
position: relative;
|
||
margin-bottom: 12rpx;
|
||
//&:after{
|
||
// content: '';
|
||
// width: 74rpx;
|
||
// height: 8rpx;
|
||
// background: linear-gradient(180deg, #E2597C 0%, #F33B6C 100%);
|
||
// position: absolute;
|
||
// left: 18rpx;
|
||
// bottom: -4rpx;
|
||
// border-radius: 12rpx;
|
||
//}
|
||
.icon{
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
vertical-align: middle;
|
||
margin-bottom: 6rpx;
|
||
animation: zy 2.5s .15s linear infinite;
|
||
box-shadow: 0rpx 0rpx 6rpx #ffd478;
|
||
border-radius: 50%;
|
||
@keyframes zy{
|
||
10%{transform: rotate(8deg);}
|
||
20%{transform: rotate(-6deg);}
|
||
30%{transform: rotate(3deg);}
|
||
40%{transform: rotate(-3deg);}
|
||
50%,100%{transform: rotate(0deg);}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.mainPhoto{
|
||
padding: 8rpx 24rpx 40rpx;
|
||
margin: 8rpx 0;
|
||
overflow: hidden;
|
||
.image{
|
||
width: 118rpx;
|
||
height: 118rpx;
|
||
margin-right: 18rpx;
|
||
border-radius: 10rpx;
|
||
}
|
||
.mainPhoto_tips {
|
||
width: 32rpx;
|
||
height: 32rpx;
|
||
margin-right: 16rpx;
|
||
}
|
||
.m_photo_lst {
|
||
position: relative;
|
||
.u_up_del {
|
||
padding: 4rpx;
|
||
position: absolute;
|
||
right: 22rpx;
|
||
top: 4rpx;
|
||
width: 34rpx;
|
||
height: 34rpx;
|
||
}
|
||
}
|
||
}
|
||
.itemLabel{
|
||
padding: 4rpx 24rpx;
|
||
margin-top: 16rpx;
|
||
overflow: hidden;
|
||
margin-bottom: 4rpx;
|
||
.itemBox{
|
||
padding: 0rpx 16rpx;
|
||
height: 42rpx;
|
||
line-height: 42rpx;
|
||
background: #f4f5f9;
|
||
margin-right: 16rpx;
|
||
margin-bottom: 16rpx;
|
||
border-radius: 6rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.m_bas {
|
||
background-color: white;
|
||
border-radius: 32rpx;
|
||
padding: 20rpx 40rpx;
|
||
.u_bas {
|
||
.m_basLst {
|
||
height: 80rpx;
|
||
.u_name_inp {
|
||
height: 100%;
|
||
text-align: right;
|
||
flex: 1;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
}
|
||
.cuIcon-right {
|
||
margin-left: 16rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.ui-hobbies-big-box {
|
||
//margin: 20rpx 30rpx;
|
||
|
||
.hobbies-box {
|
||
position: relative;
|
||
margin-right: 20rpx;
|
||
margin-bottom: 24rpx;
|
||
padding: 10rpx 22rpx;
|
||
height: 60rpx;
|
||
background: #f5f5f5;
|
||
border-radius: 30rpx;
|
||
}
|
||
|
||
.hobbies-box-select {
|
||
color: #FFFFFF;
|
||
background: #FF5380;
|
||
}
|
||
}
|
||
.textareaStyle{
|
||
margin-top: -8rpx;
|
||
width: 80vw;
|
||
background: #f4f7f7;
|
||
height: 210rpx;
|
||
padding: 18rpx 28rpx;
|
||
font-size: 28rpx;
|
||
color: #333333;
|
||
border-radius: 38rpx;
|
||
}
|
||
.btn-box{
|
||
width: 80%;
|
||
background: #F33B6C;
|
||
background-image: linear-gradient(to right, #FF85A5 0%, #FF5380 100%);
|
||
border-radius: 50rpx;
|
||
padding: 12rpx;
|
||
margin: 32rpx auto;
|
||
letter-spacing: 8rpx;
|
||
margin-bottom: -12rpx;
|
||
}
|
||
.send{
|
||
margin: 12rpx auto;
|
||
margin-bottom: 8rpx;
|
||
}
|
||
._btn-box{
|
||
border-radius: 6rpx;
|
||
padding: 0 12rpx;
|
||
line-height: 46rpx;
|
||
}
|
||
.mainBtn{
|
||
width: 100vw;
|
||
height: 120rpx;
|
||
position: relative;
|
||
position: fixed;
|
||
bottom: -4rpx;
|
||
.matchIcon{
|
||
width: 180rpx;
|
||
height: 180rpx;
|
||
position: absolute;
|
||
right: 6vw;
|
||
bottom: 28vw;
|
||
}
|
||
.dislikeIcon{
|
||
width: 160rpx;
|
||
height: 160rpx;
|
||
position: absolute;
|
||
right: 7vw;
|
||
bottom: 28vw;
|
||
}
|
||
.matchIconV2{
|
||
width: 140rpx;
|
||
height: 140rpx;
|
||
position: absolute;
|
||
right: 8vw;
|
||
bottom: 54vw;
|
||
}
|
||
.shareBox,.shareBoxV2{
|
||
width: 50%;
|
||
//margin-left: 5%;
|
||
line-height: 120rpx;
|
||
text-align: center;
|
||
.shareImage,.AddFriendFn,.chitchat{
|
||
width: 272rpx;
|
||
height: 84rpx;
|
||
background-size: contain;
|
||
background-repeat: no-repeat;
|
||
z-index: 999;
|
||
margin: -40rpx auto 0 auto;
|
||
background-image: url("https://images.ufutx.com/202012/25/cd2cdb21bd1cbae44609b282572d6f91.png");
|
||
}
|
||
.chitchat{
|
||
background-image: url("https://images.ufutx.com/202012/07/c0d5aa130d1a56643ce216b35768f4d3.png");
|
||
}
|
||
.AddFriendFn{
|
||
background-image: url("https://images.ufutx.com/202012/07/5c658885cc969d35434e98dd67424d98.png");
|
||
}
|
||
}
|
||
.shareBoxV2{
|
||
margin: 0;
|
||
//margin-right: 5%;
|
||
}
|
||
.blurBox {
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
background: white;
|
||
filter: blur(10px) contrast(1.2);
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
}
|
||
._item{
|
||
width: 33%;
|
||
margin-bottom: 32rpx;
|
||
.icon{
|
||
margin-top: 12rpx;
|
||
width: 90rpx;
|
||
height: 90rpx;
|
||
}
|
||
}
|
||
.noscroll{
|
||
width:100%;
|
||
height: 100%;
|
||
top: 0px;
|
||
left: 0px;
|
||
overflow: hidden;
|
||
position: fixed;
|
||
z-index: 0;
|
||
}
|
||
.m_lip {
|
||
padding: 40rpx 32rpx 50rpx;
|
||
background-color: white;
|
||
.m_lip_imgs {
|
||
margin-left: 52rpx;
|
||
// position: relative;
|
||
image {
|
||
// position: absolute;
|
||
width: 120rpx;
|
||
height: 160rpx;
|
||
border-radius: 16rpx;
|
||
border: 4rpx solid white;
|
||
box-sizing: border-box;
|
||
margin-left: -52rpx;
|
||
}
|
||
}
|
||
.m_inp {
|
||
padding: 14rpx 8rpx 0;
|
||
margin-top: 24rpx;
|
||
input {
|
||
text-align: left;
|
||
}
|
||
.u_inp {
|
||
line-height: 40rpx;
|
||
}
|
||
.areas {
|
||
min-height: 96rpx !important;
|
||
line-height: 48rpx !important;
|
||
font-size: 30px;
|
||
}
|
||
}
|
||
.m_lip_bu {
|
||
padding: 40rpx 32rpx 0;
|
||
.u_lipBu_can,
|
||
.u_lipBu_rel {
|
||
width: 200rpx;
|
||
height: 64rpx;
|
||
border-radius: 50rpx;
|
||
}
|
||
.u_lipBu_can {
|
||
border: 2rpx solid #D2D2D2;
|
||
color: #B4B4B4;
|
||
}
|
||
.u_lipBu_rel {
|
||
background-color: #FF5380;
|
||
}
|
||
}
|
||
}
|
||
.authe_prompt_box {
|
||
position: relative;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
width: 600rpx;
|
||
max-width: 100%;
|
||
background-color: #ffffff;
|
||
border-radius: 24rpx;
|
||
overflow: hidden;
|
||
padding: 40rpx 0 50rpx;
|
||
.u_authe_img {
|
||
width: 340rpx;
|
||
height: 256rpx;
|
||
}
|
||
.promptTitle{
|
||
padding: 40rpx 0;
|
||
}
|
||
.login_button{
|
||
width: 320rpx;
|
||
height: 72rpx;
|
||
background: linear-gradient(270deg, #FF85A5 0%, #FF5380 100%);
|
||
border-radius: 40rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin: 40rpx auto 0 auto;
|
||
}
|
||
.loginCancelIcon{
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
position: fixed;
|
||
margin-top: 80rpx;
|
||
margin-left: -24rpx;
|
||
z-index: 99;
|
||
}
|
||
}
|
||
.audit_photo_box {
|
||
position: relative;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
width: 600rpx;
|
||
max-width: 100%;
|
||
margin-top: -182rpx;
|
||
// overflow: hidden;
|
||
.m_photo {
|
||
border-radius: 24rpx;
|
||
background-color: #ffffff;
|
||
}
|
||
.cancel_icon_box {
|
||
width: 80rpx;
|
||
height: 60rpx;
|
||
position: absolute;
|
||
transform: translateX(-50%);
|
||
left: 50%;
|
||
bottom: -130rpx;
|
||
z-index: 2;
|
||
.cancel_icon {
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
margin-top: 20rpx;
|
||
}
|
||
}
|
||
.audit_avatar_box {
|
||
position: relative;
|
||
padding: 56rpx 0 36rpx 0;
|
||
.audit-avatar {
|
||
width: 180rpx;
|
||
height: 180rpx;
|
||
border-radius: 50%;
|
||
background: #f2f2f2;
|
||
}
|
||
.audit-icon {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
position: absolute;
|
||
left: 50%;
|
||
margin-left: 46rpx;
|
||
bottom: 48rpx;
|
||
z-index: 3;
|
||
}
|
||
}
|
||
.reason_prompt {
|
||
padding: 18rpx 20rpx 70rpx 20rpx;
|
||
}
|
||
.replace_avatar {
|
||
width: 320rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
background: #ff5380;
|
||
color: #fff;
|
||
border-radius: 40rpx;
|
||
margin: 0 auto;
|
||
}
|
||
.replace_avatarV2 {
|
||
width: 220rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
background: linear-gradient(270deg, #FF85A5 0%, #FF5380 100%);
|
||
color: #fff;
|
||
border-radius: 40rpx;
|
||
//margin: -12 auto 32rpx;
|
||
margin-bottom: 32rpx;
|
||
}
|
||
.d_replace_avatar {
|
||
width: 220rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
//background: linear-gradient(270deg, #FF85A5 0%, #FF5380 100%);
|
||
color: #666666;
|
||
border: 1px solid #C2C2C2;
|
||
border-radius: 40rpx;
|
||
//margin: -12 auto;
|
||
margin-bottom: 32rpx;
|
||
}
|
||
.symbol {
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
margin-top: 8rpx;
|
||
color: #F33B6C;
|
||
}
|
||
} // 样式重置
|
||
.m_cond {
|
||
padding: 0 10rpx 0 30rpx;
|
||
.u_cond_tt {
|
||
padding-bottom: 20rpx;
|
||
}
|
||
.u_cond_ct {
|
||
flex-wrap: wrap;
|
||
.u_cond_lst {
|
||
margin: 0 20rpx 20rpx 0;
|
||
padding: 10rpx 22rpx;
|
||
border-radius: 100rpx;
|
||
background-color: #F5F5F5;
|
||
font-family: PingFangSC-Regular, PingFang SC;
|
||
}
|
||
}
|
||
}
|
||
</style>
|
||
|
||
<template>
|
||
<view>
|
||
<view class="progress bg_f" v-if="progressShow ">
|
||
<view class="cu-progress progressBox round sm striped active">
|
||
<view class="bg_theme" :style="{width:profile_count+'%'}"></view>
|
||
</view>
|
||
<view class="flo_r _num font_28 text-shadow text-black">完成度 <text class="font_28 bold">{{profile_count}}%</text></view>
|
||
<view class="font_24 color-666 prompt" v-if="!mylibs.has_get_daily_rank">资料完成度达到100%，即可获得24小时
|
||
<text class="bold text-shadow text-yellow" @tap="getDailyVip">超级VIP卡</text>
|
||
<image src="https://images.ufutx.com/202004/20/559390481117d73227a7fa2866b43c6b.png" mode="widthFix" class="image flo_r radius shadow" @tap="getDailyVip"></image>
|
||
</view>
|
||
<view class="font_24 color-666 prompt" v-else>资料完成度越高，才能精心为你智能推荐心仪的另一伴 ！</view>
|
||
</view>
|
||
<view style="height: 120rpx;" v-if="progressShow "></view>
|
||
<view class="bg_f ui-pt-40">
|
||
<swiper class="live-image ui-pl-30" circular="true" v-if="photos && photos.length>0">
|
||
<swiper-item v-for="(item,index) in photos" :key="index" class="{{cardCur==index?'cur':''}}" >
|
||
<view class="swiper-item radius shadow bg-grey" @tap="previewImage(item.photo, photos)">
|
||
<image :src="item.photo" mode="aspectFill" style="width:100%"></image>
|
||
<!--<video src="{{item.url}}" autoplay loop muted show-play-btn="{{false}}" controls="{{false}}" objectFit="cover" v-if="item.type=='video'}}"></video>-->
|
||
</view>
|
||
<image class="live-image-del" @tap.stop="deleteImage(index, item.id)" data-index="{{index}}" data-id="{{item.id}}" src="https://images.ufutx.com/202107/03/3d77897be5d841402743fa3c901085a3.png" mode="aspectFit" lazy-load="false"></image>
|
||
</swiper-item>
|
||
</swiper>
|
||
<view class="live-image ui-pl-30" v-else>
|
||
<image class="live-image-default" :src="defaultSexImages[mylibs.sex-0]" mode="aspectFill" style="width:100%"></image>
|
||
</view>
|
||
<view class="f-fc ui-pt-36 ui-pl-30 ui-pb-36" @tap="chooseimage">
|
||
<image src="https://image.fulllinkai.com/202407/30/6e2ea6fe0b6ac6a8d3f83663ebab9191.png" class="live-image-icon"></image>
|
||
<view class="live-image-text ui-pl-12">添加你的生活照({{photos.length}}/9)</view>
|
||
</view>
|
||
</view>
|
||
<view class="message-info">
|
||
<view class="container ">
|
||
<view class="mainInfo">
|
||
<view class="mainMessage f-fbc">
|
||
<view class="itemInfo" style="width:50%;">
|
||
<view class="color-333 ellipsis_1 font_32 text-shadow bold " >{{mylibs.nickname}}</view>
|
||
<view class="user_data">
|
||
<view class="user_age_box ui-mr-16 {{mylibs.sex=='1'?'sexActive':''}}" v-if="mylibs.sex">
|
||
<!-- 女性icon-->
|
||
<image v-if="mylibs.sex=='2'" class="sex_icon" src="https://images.ufutx.com/202012/22/dfed05b3e1e1880a3a6f81806d99e9de.png" mode="widthFix"></image>
|
||
<!-- 男性icon-->
|
||
<image v-else class="sex_icon" src="https://images.ufutx.com/202012/22/77cd63f40e622e54a859e751269eb920.png" mode="widthFix"></image>
|
||
<span class="age_num font_26">{{mylibs.age || '--'}}</span>
|
||
</view>
|
||
<view class="user_age_box ｛｛mylibs.sex=='1'?'sexActive':''}}" v-if="mylibs.stature">
|
||
<span class="stature_num font_26">{{mylibs.stature || '--'}}cm</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="info-avatar">
|
||
<image :src="mylibs.photo" class="info-avatar-image" @tap="choosePic"></image>
|
||
<image src="https://image.fulllinkai.com/202407/31/7c61c1831473d9793b3d0dd75edcb4b2.png" class="info-avatar-upload"></image>
|
||
<view class="info-avatar-audit colorfff font_24" v-if="mylibs.is_photo_audited==0 || mylibs.is_photo_audited==2">
|
||
{{mylibs.is_photo_audited==0 ? '形象照审核未通过' : '形象照审核中...'}}
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="container " @tap="goto('/pages/users/myCertification')">
|
||
<view class="mainInfo">
|
||
<view class="mainTitle">
|
||
<view class="_title font_32 bold flo_l">
|
||
<image src="https://images.ufutx.com/202012/25/7645858a1ae55dd7c3ef90ec7a42bfa3.png" mode="aspectFit" class="circle_icon"></image>
|
||
认证中心
|
||
</view>
|
||
<image src="https://images.ufutx.com/202004/13/c9505127b21e909aae5a609987f5ac66.png" class="icon flo_r" mode="widthFix" />
|
||
</view>
|
||
<block v-for="(item,index) in _approveList" v-key="this">
|
||
<view class="_item text-center flo_l">
|
||
<image :src="item.active?item.activeIcon:item.icon" class="icon" mode="aspectFit"></image>
|
||
<view class="color-666 font_24">{{item.active?item.activeName:item.name}}</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
<view class="container " @tap="goto('/pages/users/unmarri')">
|
||
<view class="mainInfo">
|
||
<view class="mainTitle">
|
||
<view class="_title font_32 bold flo_l">
|
||
<image src="https://images.ufutx.com/202012/25/7645858a1ae55dd7c3ef90ec7a42bfa3.png" mode="aspectFit" class="circle_icon"></image>
|
||
基本资料
|
||
</view>
|
||
<image src="https://images.ufutx.com/202004/13/c9505127b21e909aae5a609987f5ac66.png" class="icon flo_r" mode="widthFix" />
|
||
</view>
|
||
<view class="m_bas">
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">昵称</span>
|
||
<view class="f-fc">
|
||
<span class="u_name_inp">{{mylibs.nickname}}</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">生日</span>
|
||
<view class="f-fc">
|
||
<span class="u_name_inp">{{mylibs.birthday || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">情感状态</span>
|
||
<view class="f-fc">
|
||
<span class="u_name_inp">{{mylibs.state || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<block >
|
||
<view class="m_basLst f-fbc" >
|
||
<view>
|
||
<span class="font_28 color-333 bold">性别</span>
|
||
</view>
|
||
<view class="f-fc">
|
||
<span class="u_name_inp">{{mylibs.sex == 1 ?'男' : mylibs.sex == 2 ? '女' : '--'}}</span>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">身高</span>
|
||
<span class="u_name_inp">{{mylibs.stature || '--'}}cm</span>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">体重</span>
|
||
<!-- <span class="color-theme"> *</span> -->
|
||
<span class="u_name_inp">{{mylibs.weight || '--'}}kg</span>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">常居地</span>
|
||
<span style="margin-right: 12rpx;">{{mylibs.city || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">籍贯</span>
|
||
<span style="margin-right: 12rpx;">{{mylibs.resident_city || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">职业</span>
|
||
<span style="margin-right: 12rpx;">{{mylibs.industry || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">年收入</span>
|
||
<span style="margin-right: 12rpx;">{{mylibs.income || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">信仰</span>
|
||
<span style="margin-right: 12rpx;">{{mylibs.belief || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
<view class="u_bas">
|
||
<view class="m_basLst f-fbc">
|
||
<span class="font_28 color-333 bold">期望对方</span>
|
||
<span style="margin-right: 12rpx;">{{mylibs.marry_by_time || '--'}}</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="container ">
|
||
<view class="mainInfo">
|
||
<view class="mainTitle">
|
||
<view class="_title font_32 bold flo_l">
|
||
<image src="https://images.ufutx.com/202012/25/7645858a1ae55dd7c3ef90ec7a42bfa3.png" mode="aspectFit" class="circle_icon"></image>
|
||
自我描述
|
||
</view>
|
||
<image src="https://images.ufutx.com/202004/13/c9505127b21e909aae5a609987f5ac66.png" class="icon flo_r" mode="widthFix" @tap="showModal('introduction','自我描述','说出你的性格特点、兴趣爱好、自我评价、家庭情况等')"/>
|
||
</view>
|
||
<view class="mainPhoto" @tap="showModal('introduction','自我描述','说出你的性格特点、兴趣爱好、自我评价、家庭情况等')">
|
||
<text v-if="mylibs.introduction" class="color-333">{{mylibs.introduction}}</text>
|
||
<view v-else class="color-bbb">说出你的性格特点、兴趣爱好、自我评价、家庭情况等</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="container">
|
||
<view class="mainInfo">
|
||
<view class="mainTitle">
|
||
<view class="_title font_32 bold flo_l">
|
||
<image src="https://images.ufutx.com/202012/25/7645858a1ae55dd7c3ef90ec7a42bfa3.png" mode="aspectFit" class="circle_icon"></image>
|
||
兴趣爱好
|
||
</view>
|
||
<image src="https://images.ufutx.com/202004/13/c9505127b21e909aae5a609987f5ac66.png" class="icon flo_r" mode="widthFix" @tap="showModal('interest_hobby','兴趣爱好','日常生活你有什么爱好？可以写一下')"/>
|
||
</view>
|
||
<view class="mainPhoto" @tap="showModal('interest_hobby','兴趣爱好','日常生活你有什么爱好？可以写一下')">
|
||
<view class="f-fc ui-wrap ui-hobbies-big-box" v-if="mylibs.interest_label">
|
||
<view class="hobbies-box " v-for="(item,index) in mylibs.interest_label" :key="index">
|
||
{{item}}
|
||
</view>
|
||
</view>
|
||
<view v-else class="color-bbb">日常生活你有什么爱好？可以写一下</view>
|
||
<!--<view>{{mylibs.introduction}}</view>-->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="container animation-slide-bottom">
|
||
<view class="mainInfo">
|
||
<view class="mainTitle">
|
||
<view class="_title font_32 bold flo_l">
|
||
<image src="https://images.ufutx.com/202012/25/7645858a1ae55dd7c3ef90ec7a42bfa3.png" mode="aspectFit" class="circle_icon"></image>
|
||
期望对方
|
||
</view>
|
||
<image src="https://images.ufutx.com/202004/13/c9505127b21e909aae5a609987f5ac66.png" class="icon flo_r" mode="widthFix" @tap="showModal('ideal_mate','期望对方','你想对未来的另一半说些什么')"/>
|
||
</view>
|
||
<view class="mainPhoto" @tap="showModal('ideal_mate','期望对方','写下你心中理想的对象')">
|
||
<view class="m_cond">
|
||
<view class="u_cond_tt font_28 bold color-333">征友条件</view>
|
||
<view class="u_cond_ct font_28 color-999" style="padding-bottom: 20rpx;" v-if="!showCondition">说说你的基本征友条件</view>
|
||
<view class="u_cond_ct f-fc" v-else>
|
||
<block v-for="(item,index) in conditionArr" :key="index">
|
||
<view class="u_cond_lst font_28 color-666" v-if="item">{{item}}</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
<view class="m_cond" style="padding-top: 20rpx;">
|
||
<view class="u_cond_tt font_28 bold color-333">对另一半的期待</view>
|
||
<text v-if="mylibs.ideal_mate" class="color-333">{{mylibs.ideal_mate}}</text>
|
||
<view v-else class="color-bbb">写下你心中理想的对象</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="mainBtn text-center">
|
||
<view class="blurBox"></view>
|
||
<view class="shareBox text-center inline-block">
|
||
<button class="btn text-center font_30 shareImage" @tap="goto(`/pages/home/information?id=${mylibs.id}`)"></button>
|
||
</view>
|
||
</view>
|
||
<view style="height: 12vh"></view>
|
||
</view>
|
||
|
||
</view>
|
||
<!-- /Modal-->
|
||
<view :class="{'show':modalName==='is_photo_audited' }" class="cu-modal ">
|
||
<view class="audit_photo_box bg_f" style="border-radius: 32rpx;padding: 22rpx;">
|
||
<image style="width: 380rpx;height: auto;margin: 22rpx;" src="https://image.fulllinkai.com/202204/14/2c8b0665f901bd2e3b1b7afafd0629c3.png" mode="widthFix"></image>
|
||
<view class="cancel_icon_box" @tap="hideModalV2">
|
||
<view class="font_family cuIcon-roundclose white" style="font-size: 52rpx;"></view>
|
||
</view>
|
||
<view class="m_photo f-fcc">
|
||
<view class="reason_prompt font_32 color333" style="width: 90%;font-weight: 400;">更换头像将重新审核，确定仍要更换成为未认证状态吗？</view>
|
||
</view>
|
||
<view class="m_photo f-fsac" style="padding: 0 22rpx">
|
||
<view class="d_replace_avatar" @tap="uploadPhoto">仍要更换</view>
|
||
<view class="replace_avatarV2" @tap="hideModalV2">放弃更换</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view :class="{'show':modalName=='Modal' }" class="cu-modal">
|
||
<view class="cu-dialog">
|
||
<view class="cu-bar bg-white justify-end">
|
||
<view class="content bold text-shadow text-black font_30 color-666">{{editText}}</view>
|
||
<view class="action" bindtap="hideModal">
|
||
<text class="cuIcon-close text-red"></text>
|
||
</view>
|
||
</view>
|
||
<view class="padding-xl text-left ff" style="padding: 12rpx 38rpx 42rpx 38rpx;">
|
||
<textarea class="textareaStyle" :show-confirm-bar="false" v-if="modalName=='Modal'" maxlength="-1" @input="typing" @blur="typing" adjust-position="true" :value="user[editType]" :placeholder="placeText"/>
|
||
<view class="font_24 color-666 text-center" style="margin: 32rpx 0 0 22rpx;">严禁留手机和微信号，一旦发现，将会关闭资料1个月</view>
|
||
<view>{{modalName}}123</view>
|
||
<button class="btn text-center font_30 btn-box white radius shadow bg-blue margin-top send" @tap="submitFn">确定
|
||
</button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view :class="{'show':modalName=='prompt' }" class="cu-modal ">
|
||
<view class="cu-dialog">
|
||
<view class="cu-bar bg-white justify-end">
|
||
<view class="content bold">提示</view>
|
||
<view class="action" bindtap="hideModal">
|
||
<text class="cuIcon-close text-red"></text>
|
||
</view>
|
||
</view>
|
||
<view class="padding-xl text-left">
|
||
你的资料还未完善呢！请先完善资料后来领取！
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view :class="{'show':modalName=='successful' }" class="cu-modal ">
|
||
<view class="cu-dialog">
|
||
<view class="cu-bar bg-white justify-end">
|
||
<view class="content bold">提示</view>
|
||
<view class="action" bindtap="hideModal">
|
||
<text class="cuIcon-close text-red"></text>
|
||
</view>
|
||
</view>
|
||
<view class="padding-xl text-left">
|
||
领取成功！您已获得24小时超级会员的体验权限！赶紧去体验吧。
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<chooseImageTips :chooseShow.sync="chooseShow" :unmarriVShow.sync="unmarriVShow" :jumpString.sync="jumpString" :photo.sync="user.photo" @hideCut.user="hideCut"></chooseImageTips>
|
||
<uploadPic :num="9-photos.length" :chooseShow.sync="choosePicsShow" @changeVal="changeVal" @closeUploadPic="closeUploadPic"></uploadPic>
|
||
</template>
|
||
<script>
|
||
import wepy from '@wepy/core'
|
||
import https from '../../mixins/https'
|
||
import base from '../../mixins/base'
|
||
import {service} from '../../config'
|
||
|
||
wepy.page({
|
||
mixins: [base, https],
|
||
data: {
|
||
init: false,
|
||
photos: [],
|
||
mylibs: {},
|
||
user: {},
|
||
modalName: '',
|
||
editType: '',
|
||
editText: '',
|
||
placeText: '',
|
||
inputTest: 0,
|
||
realityState: 0,
|
||
profile_count: '',
|
||
_approveList: [
|
||
{name: '实名未认证', activeName: '实名已认证', activeIcon: 'https://image.fulllinkai.com/202202/23/d9689eb82de889496b6381cd03be0600.png', active: false, icon: 'https://image.fulllinkai.com/202202/23/1913244bb11dae8889d0fbd8d4ab39e5.png'},
|
||
{name: '真人未认证', activeName: '真人已认证', activeIcon: 'https://image.fulllinkai.com/202202/23/e1dbb5f30e1d3ec5d56126d043df38ee.png', active: false, icon: 'https://image.fulllinkai.com/202202/23/c8a7f144e6eb593a5c494e700a212dac.png'},
|
||
{name: '学历未认证', activeName: '学历已认证', activeIcon: 'https://image.fulllinkai.com/202202/23/ef6a5578fded6308052fb217132dd985.png', active: false, icon: 'https://image.fulllinkai.com/202202/23/c6e970db876230df0411eddd49d9e58f.png'}
|
||
],
|
||
tempMember: 0, // 是否有可领取会员
|
||
progressShow: 'true',
|
||
chooseShow: false,
|
||
choosePicsShow: false,
|
||
jumpString: 'unmarriV2',
|
||
tabSearch: true,
|
||
unmarriVShow: true,
|
||
max: 300,
|
||
lipImgs: [],
|
||
value: '',
|
||
is_real_approved: '',
|
||
nextTimer: '',
|
||
showCondition: false,
|
||
conditionArr: [],
|
||
defaultSexImages: [
|
||
'',
|
||
'https://image.fulllinkai.com/202407/31/2ec6bb52bc8cfb1f097ae1af8a7728e9.png',
|
||
'https://image.fulllinkai.com/202407/31/5d7757b4cb49e354d9882aea1ad5e94d.png'
|
||
],
|
||
updataMessage: true
|
||
},
|
||
|
||
onLoad(e) {
|
||
// this.recommendTips()
|
||
this.progressShow = e.progressShow || true
|
||
console.log(this.progressShow, 'progressShow')
|
||
this.realityState = wx.getStorageSync('realityState') || 0
|
||
if (this.realityState == 99) {
|
||
this._approveList[1].name = '实名未认证'
|
||
this._approveList[1].activeName = '实名已认证'
|
||
}
|
||
},
|
||
onShow() {
|
||
if (this.updataMessage) {
|
||
this.getuser()
|
||
} else {
|
||
this.updataMessage = true
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
getuser(text) {
|
||
let that = this
|
||
this.loading = true
|
||
this.$get({url: `${service.host}/user/profile`}).then(({code, data}) => {
|
||
that.init = true
|
||
let result = data
|
||
that.mylibs = result
|
||
console.log(this.mylibs, '----2231213')
|
||
that.photos = JSON.parse(JSON.stringify(result.photos))
|
||
that.is_real_approved = data.is_real_approved
|
||
that.profile_count = Math.round(result.profile_count / result.profile_total_count * 100)
|
||
if (wx.getStorageSync('realNameUrl')) {
|
||
that.lipImgs = wx.getStorageSync('lipImgs')
|
||
wx.removeStorageSync('realNameUrl')
|
||
wx.removeStorageSync('lipImgs')
|
||
}
|
||
|
||
try {
|
||
if (data.mate_conditon instanceof Array) {
|
||
data.mate_conditon.forEach(item => {
|
||
if (item.mate_condition) {
|
||
this.conditionArr = item.mate_condition
|
||
}
|
||
})
|
||
} else {
|
||
that.conditionArr = Object.values(data.mate_conditon)
|
||
that.conditionArr.forEach((item) => {
|
||
if (item) {
|
||
that.showCondition = true
|
||
}
|
||
})
|
||
// 插入期望ta多个城市
|
||
if (data.city_list_claim) {
|
||
let city_list_claim_arr = data.city_list_claim.split(',')
|
||
city_list_claim_arr.forEach((city) => {
|
||
this.conditionArr.push(city)
|
||
})
|
||
}
|
||
}
|
||
} catch (e) {
|
||
}
|
||
|
||
// wx.hideLoading()
|
||
if (data.is_approved == '1') { // 实名
|
||
that._approveList[0].active = true
|
||
}
|
||
if (data.is_real_approved == '1') { // 真人
|
||
that._approveList[1].active = true
|
||
}
|
||
if (data.is_educate_approved == '1') { // 学历
|
||
that._approveList[2].active = true
|
||
that._approveList[2].activeName = data.degree ? `${data.degree}已认证` : '已认证'
|
||
}
|
||
|
||
console.log(that.photos)
|
||
})
|
||
},
|
||
|
||
typing(e) {
|
||
this.user[this.editType] = e.detail.value
|
||
},
|
||
submitFn() {
|
||
if (!this.user[this.editType]) {
|
||
this.$showToast('请输入内容')
|
||
return
|
||
}
|
||
let reg = new RegExp('(微信|QQ|qq|weixin|wx|WX|1[0-9]{10}|[0-9]{6,11})+', 'g')
|
||
if (reg.test(this.user[this.editType])) {
|
||
this.$showToast('你输入的信息可能含有联系方式，请重新填写！')
|
||
return
|
||
}
|
||
console.log(this.editType, 'editType')
|
||
console.log(this.user[this.editType], 'editType1')
|
||
console.log(this.user, '///')
|
||
this.mylibs[this.editType] = this.user[this.editType]
|
||
this.modalName = ''
|
||
|
||
let data = {
|
||
introduction: this.mylibs.introduction,
|
||
ideal_mate: this.mylibs.ideal_mate,
|
||
interest_hobby: this.mylibs.interest_hobby
|
||
}
|
||
this.$put({url: `${service.host}/profile/v2`, data}, {
|
||
success: ({code, data}) => {
|
||
console.log('参数保存成功！')
|
||
this.getuser()
|
||
},
|
||
fail: ({code, data}) => {
|
||
},
|
||
complete: () => {
|
||
}
|
||
})
|
||
},
|
||
hideModalV2() {
|
||
this.modalName = ''
|
||
},
|
||
hideModal() {
|
||
let that = this
|
||
this.user[this.editType] = this.mylibs[this.editType]
|
||
this.modalName = ''
|
||
setTimeout(() => {
|
||
that.lipImgs = []
|
||
}, 300)
|
||
|
||
console.log(this.mylibs[this.editType])
|
||
},
|
||
showModal(key, text, placeText) {
|
||
console.log(key)
|
||
this.user[key] = this.mylibs[key]
|
||
this.editType = key
|
||
this.editText = text
|
||
this.placeText = placeText
|
||
// this.modalName = 'Modal'
|
||
this.$goto(`/pages/users/selfTextarea?text=${text}&placeText=${placeText}`)
|
||
},
|
||
choosePic() { // 头像
|
||
if (this.mylibs.is_photo_audited == 1) {
|
||
this.modalName = 'is_photo_audited'
|
||
} else {
|
||
this.chooseShow = true
|
||
}
|
||
},
|
||
uploadPhoto() {
|
||
this.modalName = ''
|
||
this.chooseShow = true
|
||
},
|
||
goto(url, type) {
|
||
if (type == 'realName') {
|
||
wx.setStorageSync('realNameUrl', '/pages/users/unmarriV2')
|
||
wx.setStorageSync('lipImgs', this.lipImgs)
|
||
}
|
||
this.modalName = ''
|
||
console.log(url, '====')
|
||
|
||
wx.navigateTo({
|
||
url: url
|
||
})
|
||
// this.$goto(url)
|
||
},
|
||
deleteImage(index, id) { // 删除
|
||
let that = this
|
||
wx.showModal({
|
||
title: '提示',
|
||
content: '删除该照片？',
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$delete({url: `${service.host}/user/profile/photo/${id}`}).then(({code, res}) => {
|
||
console.log('9999999')
|
||
wx.showToast({
|
||
title: '删除成功',
|
||
icon: 'none',
|
||
duration: 1500
|
||
})
|
||
that.photos.splice(index, 1)
|
||
})
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消')
|
||
}
|
||
}
|
||
})
|
||
},
|
||
DelImg(e) {
|
||
let that = this
|
||
wx.showModal({
|
||
title: '提示',
|
||
content: '删除该照片？',
|
||
success(res) {
|
||
if (res.confirm) {
|
||
that.$delete({url: `${service.host}/users/profile/photos/${e.currentTarget.dataset.id}`}).then(({code, res}) => {
|
||
wx.showToast({
|
||
title: '删除成功',
|
||
icon: 'none',
|
||
duration: 1500
|
||
})
|
||
that.photos.splice(e.currentTarget.dataset.index, 1)
|
||
})
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消')
|
||
}
|
||
}
|
||
})
|
||
},
|
||
getDailyVip() { // 领取24小时VIP
|
||
let vm = this
|
||
console.log(vm.profile_count, 'vm.mylibs.profile_count')
|
||
if (vm.profile_count != 100) {
|
||
vm.modalName = 'prompt'
|
||
return
|
||
}
|
||
vm.$showLoading('领取中...')
|
||
this.$post({url: `${service.host}/rank/daily/complete/profile`}, {
|
||
success: ({code, data}) => {
|
||
console.log('领取成功')
|
||
vm.modalName = 'successful'
|
||
vm.mylibs.has_get_daily_rank = true
|
||
|
||
wx.hideLoading()
|
||
},
|
||
fail: ({code, data}) => {
|
||
},
|
||
complete: () => {
|
||
}
|
||
})
|
||
},
|
||
previewImage(imge, list) {
|
||
console.log(imge, list)
|
||
let picList = []
|
||
for (let item of list) {
|
||
picList.push(item.photo)
|
||
}
|
||
this.updataMessage = false
|
||
this.$previewImages(imge, picList)
|
||
},
|
||
chooseimage() { // 上传生活照
|
||
let vm = this
|
||
let minNum = 9 - vm.photos.length
|
||
if (vm.photos.length > 8) {
|
||
vm.$showToast('最多可上传9张')
|
||
} else {
|
||
vm.choosePicsShow = true
|
||
// vm.$trigger('uploadPics', 'chooseImageV2', minNum)
|
||
}
|
||
},
|
||
changeVal(e) {
|
||
let vm = this
|
||
console.log(e, 'e===')
|
||
let images = e.map(item => { return item.filePath })
|
||
if (e) {
|
||
vm.$post({
|
||
url: `${service.host}/user/profile/photo`,
|
||
data: {
|
||
url: images
|
||
}
|
||
}).then(({code, data}) => {
|
||
let dataV = data.map(item => {
|
||
return { photo: item }
|
||
})
|
||
vm.photos = [...vm.photos, ...dataV]
|
||
vm.lipImgs.push(data)
|
||
vm.choosePicsShow = false
|
||
clearTimeout(vm.nextTimer)
|
||
})
|
||
} else {
|
||
this.choosePicsShow = false
|
||
}
|
||
// let photos = e
|
||
},
|
||
// 关闭弹窗
|
||
closeUploadPic() {
|
||
console.log('*****close**********')
|
||
this.choosePicsShow = false
|
||
},
|
||
|
||
hideCut(e) {
|
||
this.chooseShow = e.chooseShow
|
||
}
|
||
|
||
}
|
||
})
|
||
</script>
|
||
<config>
|
||
{
|
||
navigationBarTitleText: '编辑资料',
|
||
enablePullDownRefresh: false,
|
||
backgroundColorTop: '#ffffff',
|
||
backgroundColorBottom: '#ffffff',
|
||
usingComponents: {
|
||
uploadPic: '~@/components/uploadPic',
|
||
chooseImageTips: '~@/components/chooseImageTips',
|
||
textarea: '~@/components/textarea',
|
||
}
|
||
}
|
||
</config>
|