1478 lines
42 KiB
Plaintext
1478 lines
42 KiB
Plaintext
<template>
|
||
<view class="page-user">
|
||
<view class=" bgs" style="background: #fff">
|
||
<userTitle :user.sync="user" :token.sync="token" :is_base_info.sync="is_base_info" @modalCity="modalCity" @modalInit="modalInit"></userTitle>
|
||
<view class="bc_tab color-333">
|
||
<view class="text-center flo_l mainF" @tap="goto('/pages/users/friendlist?type=friend','好友')">
|
||
<view class="bold font_32 text-black">{{ listCount.friend_count || '0' }}</view>
|
||
<view class="font_24">好友</view>
|
||
</view>
|
||
<view class="text-center flo_l mainFA " @tap="goto('/pages/users/friendlist?type=attention','关注')">
|
||
<view class="bold font_32 text-black">{{ listCount.follow_count || '0' }}</view>
|
||
<view class="font_24">关注</view>
|
||
</view>
|
||
<view class="text-center flo_l mainFA" @tap="goto('/pages/news/visitor?index=1','粉丝')">
|
||
<view class="bold font_32 text-black">{{ listCount.fans_count || '0' }}</view>
|
||
<view class="font_24">粉丝</view>
|
||
</view>
|
||
<view class="text-center flo_l mainFA" @tap="goto('/pages/news/visitor?index=0','访客')">
|
||
<view class="bold font_32 text-black">{{ listCount.preview_count || '0' }}</view>
|
||
<view class="font_24">访客</view>
|
||
</view>
|
||
</view>
|
||
<view class="Vipimgs"
|
||
style="background-image: url('https://image.fulllinkai.com/202201/12/4c83d3da9e0e2018f548755036c86a30.png');">
|
||
<block v-if="user.rank_id > 0">
|
||
<view class="member">升级VIP尊贵特权</view>
|
||
<veiw class="equities">{{ user.deadline }}到期</veiw>
|
||
<view class="dredge bold" @tap="goto('/pages/users/upgradeVIP')">去续费</view>
|
||
</block>
|
||
<block v-else>
|
||
<view class="member">开通VIP超级会员</view>
|
||
<view class="equities">专享超值权益 >></view>
|
||
<view class="dredge bold" @tap="goto('/pages/users/upgradeVIP')">去开通</view>
|
||
</block>
|
||
</view>
|
||
<view style="background: #FAF9F9;width: 100%;padding-top: 12rpx;position:relative;">
|
||
<view class="d_close" @tap="hideIphoneBtn"></view>
|
||
<button class="u_lst f-fbc btn getUserIphone" v-if="isShowIphoneBtn" open-type="getPhoneNumber"
|
||
bindgetphonenumber="getPhoneNumber"></button>
|
||
</view>
|
||
</view>
|
||
<view class="m_spr">
|
||
<view class="u_spr f-fbc">
|
||
<view class=" ui-sprite-one f-fcc f-fdc" v-for="(item,index) in spriteList" :key="index" @tap="goto(item.path,item.title)">
|
||
<view class="ui-sprite-dot white text-center" v-if="item.count">{{ item.count }}</view>
|
||
<image class="u_spr_img" src="{{item.icon}}" mode="aspectFit"></image>
|
||
<view class="u_spr_tt font_24 color333">{{ item.title }}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="list_box">
|
||
<block v-for="(item,index) in list" :key="index">
|
||
<block v-if="item.title == '会员中心'">
|
||
<block v-if="system != 'iOS'">
|
||
<view class="_list f-fbc" @tap="goto(item.path,item.title)">
|
||
<view class="f-fc">
|
||
<image src="{{item.icon}}" mode="widthFix" class="img flo_l"></image>
|
||
<span class="font_30 color-333">{{ item.title }}</span>
|
||
</view>
|
||
<view class="f-fc">
|
||
<view class="font_24 zf-tag-text color-theme" v-if="item.title == '会员中心'">
|
||
<span v-if="user.deadline">{{ user.deadline }} 到期</span>
|
||
<span v-else>未激活</span>
|
||
</view>
|
||
<image src="https://images.ufutx.com/202012/23/f9713dc39b5d236067834ea0f1a6edaf.png" mode="aspectFit"
|
||
class="icon flo_r"></image>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</block>
|
||
<block v-else>
|
||
<view class="_list f-fbc" @tap="goto(item.path,item.title)">
|
||
<view class="f-fc">
|
||
<image src="{{item.icon}}" mode="widthFix" class="img flo_l"></image>
|
||
<span class="font_30 color-333">{{ item.title }}</span>
|
||
</view>
|
||
<view class="f-fc">
|
||
<view class="font_24 zf-tag-text color-theme" v-if="item.title == '认证中心'">
|
||
<span v-if="user.is_real_approved==1">已认证</span>
|
||
<span v-else>完善认证 解锁更多功能</span>
|
||
</view>
|
||
<image src="https://images.ufutx.com/202012/23/f9713dc39b5d236067834ea0f1a6edaf.png" mode="aspectFit"
|
||
class="icon flo_r"></image>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</block>
|
||
</view>
|
||
<view class="text-center font_24 color-666" style="margin-bottom: 22rpx;" v-if="UID">
|
||
UID：{{ UID }}
|
||
</view>
|
||
<view :class="{'show':modalName=='ModalEdit'}" class="cu-modal">
|
||
<view class="login_prompt_box">
|
||
<view class="promptTitle font_36 color-333 bold">提示</view>
|
||
<view class="font_32 color-333" style="margin: 0 30rpx">你的<span style="color: #f33b6c">个人资料</span>未完善，资料完善度越高，匹配越精准哦！
|
||
</view>
|
||
<view class="login_button font_32 white" @tap="gotoPage(1, '/pages/users/unmarriV2')">完善资料</view>
|
||
<image class="loginCancelIcon" src="https://images.ufutx.com/202103/17/1033c7b52cacddcebe999cefc6ad2c9b.png"
|
||
mode="widthFix" @tap="hideModal"></image>
|
||
</view>
|
||
</view>
|
||
<view :class="{'show':modalName=='verifyResultCode'}" class="cu-modal">
|
||
<view class="m_mod_tips">
|
||
<image class="u_mod_tips_img" src="https://images.ufutx.com/202106/25/b7b7d83be51f8edb348effe59f187435.png"
|
||
mode="aspectFit" lazy-load="false"></image>
|
||
<view class="font_32 color-333">“自我描述”、“期望对方”、“兴趣爱好”、“上传图片”不可留下个人联系方式，否则将会禁用你的账号，请及时修改</view>
|
||
<view class="m_mod_tips_bu f-fcc">
|
||
<view class="u_mod_tips_bu f-fcc font_32 white" @tap="gotoPage(2,'/pages/users/unmarriV2')">修改</view>
|
||
</view>
|
||
<image class="loginCancelIcon" src="https://images.ufutx.com/202103/17/1033c7b52cacddcebe999cefc6ad2c9b.png"
|
||
mode="widthFix" @tap="hideModal"></image>
|
||
</view>
|
||
</view>
|
||
<view :class="{'show':modalName=='auditModal'}" class="cu-modal">
|
||
<view class="audit_photo_box">
|
||
<view class="cancel_icon_box" @tap="hideModal">
|
||
<view style="font-size: 24px" class="font_family cuIcon-roundclose white "></view>
|
||
</view>
|
||
<view class="m_photo">
|
||
<view class="audit_avatar_box">
|
||
<image class="audit-avatar" src="{{user.photo}}" mode="aspectFill"></image>
|
||
<image class="audit-icon" src="https://images.ufutx.com/202012/23/7dfe1497b4cb05fea6886c2d7e56f10f.png"
|
||
mode="aspectFill"></image>
|
||
</view>
|
||
<view class="font_36 color-333 bold">头像未通过审核</view>
|
||
<view class="reason_prompt font_28 color-666">由于头像不真实或模糊或非正脸或含有违规，将无法得到配对，赶紧换个新头像吧！</view>
|
||
<view class="replace_avatar" @tap="replacePhoto">更换头像</view>
|
||
<view style="padding-bottom: 52rpx;">
|
||
<view class="symbol">*</view>
|
||
<span class="font_20 color-999">我们要求用户提供真实照片来保证平台和用户安全</span>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<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="hideModal">
|
||
<view style="font-size: 24px" class="font_family cuIcon-roundclose white "></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="hideModal">放弃更换</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view :class="{'show':modalName=='isExclusiveService'}" class="cu-modal">
|
||
<view class="audit_photo_box bg_f" style="border-radius: 32rpx;padding: 22rpx;">
|
||
<view class="font_32 bold color-333" style="padding-top:38rpx;">联系专属客服</view>
|
||
<image style="width: 240rpx;height: 240rpx;margin: 40rpx;"
|
||
src="{{exclusiveService}}" show-menu-by-longpress="true"
|
||
mode="widthFix"></image>
|
||
<view class="cancel_icon_box" @tap="hideModal">
|
||
<view style="font-size: 24px" class="font_family cuIcon-roundclose white "></view>
|
||
</view>
|
||
<view class="m_photo f-fcc">
|
||
<view class="reason_prompt font_32 color333" style="width: 90%;font-weight: 400;">长按识别二维码，联系客服
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<block v-if="posterConfig">
|
||
<!-- 生成海报-->
|
||
<poster type="2d" id="poster" hide-loading="{{false}}" preload="{{false}}" config="{{posterConfig}}" bind:success="onPosterSuccess" bind:fail="onPosterFail">
|
||
</poster>
|
||
<!-- 分享微信卡片-->
|
||
<poster type="2d" id="posterV1" hide-loading="{{false}}" preload="{{false}}" config="{{posterConfig1}}"
|
||
bind:success="onPosterSuccessWx" >
|
||
</poster>
|
||
</block>
|
||
<block v-if="!hide && posterConfig">
|
||
<shareComponent :hide.sync="hide" :shareImage.sync="invite_pic"></shareComponent>
|
||
</block>
|
||
<visitorModel :showVisitorModel="showVisitorModel" @closeFn="visitorClose">
|
||
<!-- 访客弹框-->
|
||
</visitorModel>
|
||
<canvas canvas-id="shareCanvas" class="canvas" style="width: {{width}}px; height: {{height}}px; position: fixed; top: -999999px;"></canvas>
|
||
<!-- <loginTips :tokenShow.sync="tokenShow" @loginCut.user="loginCut"></loginTips>-->
|
||
|
||
<chooseImageTips :chooseShow.sync="chooseShow" :jumpString.sync="jumpString" :photo.sync="user.photo" @hideCut.user="hideCut"></chooseImageTips>
|
||
<loginDialog :loginShow="loginShow" @hiddenLogin="hiddenLogin"></loginDialog>
|
||
</template>
|
||
|
||
<script>
|
||
import wepy from '@wepy/core'
|
||
import https from '../../mixins/https'
|
||
import base from '../../mixins/base'
|
||
import {service} from '../../config.js'
|
||
|
||
const app = getApp().$wepy.$options
|
||
import {getPhoneNumber} from '../../utils/util'
|
||
|
||
wepy.page({
|
||
mixins: [base, https ],
|
||
data: {
|
||
posterConfig: null,
|
||
posterConfig1: null,
|
||
hide: true,
|
||
shareConfig: {
|
||
width: 750,
|
||
height: 1334,
|
||
backgroundColor: '#fff',
|
||
debug: false,
|
||
texts: [],
|
||
images: [
|
||
{
|
||
url: 'https://image.fulllinkai.com/202206/20/57903775df70bd3f6ebde1b7ad00d159.png',
|
||
width: 750,
|
||
height: 1334,
|
||
y: 0,
|
||
x: 0
|
||
},
|
||
{
|
||
url: '',
|
||
width: 176,
|
||
height: 176,
|
||
y: 1102,
|
||
x: 84
|
||
}
|
||
]
|
||
},
|
||
shareConfig1: {
|
||
width: 420,
|
||
height: 336,
|
||
backgroundColor: '#fff',
|
||
debug: false,
|
||
texts: [
|
||
{
|
||
x: 20,
|
||
y: 248 + 26,
|
||
lineHeight: 22,
|
||
width: 200,
|
||
text: '',
|
||
fontSize: 26,
|
||
color: '#fff',
|
||
zIndex: 99
|
||
}, {
|
||
x: 20,
|
||
y: 288 + 26,
|
||
width: 200,
|
||
lineHeight: 22,
|
||
text: '',
|
||
fontSize: 26,
|
||
color: '#fff',
|
||
zIndex: 99
|
||
}
|
||
],
|
||
images: [
|
||
{
|
||
url: '',
|
||
width: 420,
|
||
height: 336,
|
||
y: 0,
|
||
x: 0
|
||
},
|
||
{
|
||
url: 'https://image.fulllinkai.com/202206/20/be5b39dde1ad4720893b2e3c52b4480d.png',
|
||
width: 420,
|
||
height: 100,
|
||
y: 236,
|
||
x: 0
|
||
},
|
||
{
|
||
url: 'https://image.fulllinkai.com/202206/20/bd732960011f55fed0e5e7d623118494.png',
|
||
width: 136,
|
||
height: 40,
|
||
y: 276,
|
||
x: 264
|
||
}
|
||
]
|
||
},
|
||
user: {
|
||
friend_count: 0,
|
||
follow_count: 0,
|
||
fans_count: 0,
|
||
id: 0
|
||
},
|
||
isShowIphoneBtn: false,
|
||
width: 250,
|
||
height: 200,
|
||
UID: 0,
|
||
is_profile: '',
|
||
is_photo_audited: '',
|
||
percent: 0,
|
||
invite_pic: '',
|
||
shareCanvasImg: '',
|
||
modalName: '',
|
||
is_vip: false,
|
||
title: '向你推荐《福恋》',
|
||
token: '',
|
||
system: app.globalData.systemInfo.system.split(' ')[0],
|
||
spriteList: [
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202408/01/50b922e361d33c61500ab13cc7e8b627.png',
|
||
title: '认证',
|
||
type: 'navigateTo',
|
||
path: '/pages/users/myCertification'
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202408/01/2f235f8efdd352f63a3f5150eb7e318e.png',
|
||
title: '服务',
|
||
type: 'navigateTo',
|
||
path: '/pages/users/upgradeVIP2'
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202408/01/2a7ddde44a6c60121c8c5f3d41d5ffab.png',
|
||
title: '订单',
|
||
type: 'navigateTo',
|
||
// path: '/pages/users/myActivity'
|
||
path: '/pages/users/myOrderList'
|
||
}
|
||
|
||
// {
|
||
// icon: 'https://image.fulllinkai.com/202201/12/379056f8ba4ecc314a1c289d9025a3dd.png',
|
||
// title: '邀请好友',
|
||
// type: 'navigateTo',
|
||
// path: '/pages/users/myShare'
|
||
// }
|
||
],
|
||
list: [
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202201/12/2052ebaf9d99bfe7a1c2929c980ff575.png',
|
||
title: '会员中心',
|
||
type: 'navigateTo',
|
||
path: '/pages/users/upgradeVIP'
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202305/18/986abe4366a59ebc8c5437a63d4f957f.png',
|
||
title: '专属客服',
|
||
type: 'navigateTo',
|
||
path: '/pages/users/exclusiveService'
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202201/13/0c8d92e86946c9a4244a92cacd4bd8d0.png',
|
||
title: '我的发布',
|
||
type: 'navigateTo',
|
||
path: '/pages/users/myDynamic'
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202202/17/0cb2fe566b98d607136bde08e7f27f4d.png',
|
||
title: '福恋指南',
|
||
type: 'navigateTo',
|
||
path: 'https://love.ufutx.com/h5/#/guide'
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202202/21/c982ff4f02b9f834e6f4cd6886547f71.png',
|
||
title: '意见反馈',
|
||
type: 'navigateTo',
|
||
path: '/pages/users/report?type=user'
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202302/06/4092bc34b48ef2b8b95e9d3a5954f803.png',
|
||
title: '分享我的卡片',
|
||
type: 'share',
|
||
path: ''
|
||
},
|
||
{
|
||
icon: 'https://image.fulllinkai.com/202201/13/0b3e132b03ee70e1325229ef8885ba29.png',
|
||
title: '设置',
|
||
type: 'navigateTo',
|
||
path: '/pages/users/setTing'
|
||
}
|
||
],
|
||
lists: [],
|
||
tokenShow: false,
|
||
loginShow: false,
|
||
chooseShow: false,
|
||
jumpString: 'user',
|
||
is_base_info: 0,
|
||
disposable: true,
|
||
exclusiveService: '', // 专属二维码
|
||
poster: null,
|
||
posterV1: null,
|
||
showVisitorModel: false,
|
||
listCount: {}
|
||
|
||
},
|
||
onShow() {
|
||
let vm = this
|
||
vm.token = wx.getStorageSync('token')
|
||
console.log(vm.token, 'token====')
|
||
vm.is_base_info = getApp().$wepy.$options.globalData.is_base_info
|
||
// vm.getorderDetail()
|
||
console.log('33333JJJJ')
|
||
// if (!vm.token) {
|
||
// vm.loginShow = true
|
||
// wepy.$instance.pageLogin().then((data) => {
|
||
// vm.token = data.token
|
||
// vm.loginShow = false
|
||
// vm.page = 1
|
||
// vm.onShow()
|
||
// })
|
||
// return
|
||
// }
|
||
|
||
async function timi(res) {
|
||
await vm.getNewCount()
|
||
await vm.initPageData()
|
||
await vm.getIsBaseInfo()
|
||
}
|
||
|
||
timi()
|
||
// this.$parent.getTracker(this.$root.$name, this.config.navigationBarTitleText)
|
||
},
|
||
|
||
onShareAppMessage(res) {
|
||
let that = this
|
||
let openid = wx.getStorageSync('openid')
|
||
let fromUserID = wx.getStorageSync('user_id')
|
||
let url = `/pages/home/information?id=${fromUserID}&from_openid=${openid}&share_user_id=${fromUserID}&from_user_id=${fromUserID}`
|
||
// let url = 'pages/tabBar/welcome?from_openid=' + openid + '&from_user_id=' + fromUserID
|
||
console.log(url)
|
||
console.log(that.shareCanvasImg, '分享海报')
|
||
console.log(that.title, 'title')
|
||
return {
|
||
title: `我是"${that.user.nickname}"，这是我的小程序卡片`,
|
||
path: url,
|
||
imageUrl: that.shareCanvasImg,
|
||
success: function (res) {
|
||
wx.showToast({
|
||
title: '转发成功',
|
||
icon: 'success',
|
||
duration: 1500
|
||
})
|
||
var shareTickets = res.shareTickets
|
||
if (shareTickets.length == 0) {
|
||
return false
|
||
}
|
||
},
|
||
fail: function (res) {
|
||
// 转发失败
|
||
}
|
||
}
|
||
},
|
||
|
||
onLoad(e) {
|
||
|
||
},
|
||
|
||
onPullDownRefresh() {
|
||
if (this.token) {
|
||
console.log('0008988')
|
||
this.initPageData()
|
||
} else {
|
||
wx.stopPullDownRefresh()
|
||
}
|
||
},
|
||
|
||
methods: {
|
||
|
||
getNewCount() {
|
||
let vm = this
|
||
vm.$get({url: `${service.host}/notice/count`}).then(({code, data}) => {
|
||
if (code === 0) {
|
||
let {notice_count} = data
|
||
let groupCountList = wx.getStorageSync('teamsSessionsCount') || []
|
||
let groupCount = 0
|
||
if (groupCountList.length > 0) {
|
||
for (let i = 0; i < groupCountList.length; i++) {
|
||
groupCount += groupCountList[i].unread
|
||
}
|
||
}
|
||
if ((notice_count + groupCount) > 0) {
|
||
wx.setTabBarBadge({
|
||
index: 2,
|
||
text: `${notice_count + groupCount}`
|
||
})
|
||
} else {
|
||
wx.removeTabBarBadge({
|
||
index: 2
|
||
})
|
||
}
|
||
}
|
||
}).catch(err => {
|
||
console.log(err)
|
||
})
|
||
},
|
||
|
||
getIsBaseInfo() { // 获取用户资料是否完善
|
||
let vm = this
|
||
vm.$get({
|
||
url: `${service.host}` + '/user/status'
|
||
}).then(({code, data}) => {
|
||
let {is_base_profile} = data
|
||
vm.is_base_info = is_base_profile
|
||
getApp().$wepy.$options.globalData.is_base_info = is_base_profile
|
||
if (!wx.getStorageSync('mobile')) {
|
||
vm.isShowIphoneBtn = true
|
||
}
|
||
if (!is_base_profile) {
|
||
vm.loginShow = true
|
||
return
|
||
}
|
||
if (!data.is_complete_profile) {
|
||
this.modalName = 'ModalEdit'
|
||
return
|
||
}
|
||
if (data.is_photo_audited == -1) {
|
||
this.modalName = 'auditModal'
|
||
} else {
|
||
this.modalName = ''
|
||
}
|
||
if (this.disposable) {
|
||
this.disposable = false
|
||
if (data.ideal_mate_status == '1' || data.interest_hobby_status == '1' || data.introduction_status == '1' || data.tag_status == '1') {
|
||
this.modalName = 'verifyResultCode'
|
||
}
|
||
}
|
||
})
|
||
},
|
||
|
||
// 初始化页面数据
|
||
initPageData() {
|
||
let data = {
|
||
type: 'single'
|
||
}, self = this
|
||
this.$get({
|
||
url: `${service.user}/center`,
|
||
data
|
||
}).then(({code, data}) => {
|
||
console.log(wx.getStorageSync('userInfo'), 'wx.getStorageSync(\'userInfo\')=')
|
||
let repTime = (wx.getStorageSync('userInfo').create_time).replace(/-/g, '/')// 用正则兼容ios
|
||
let recordTime = String(parseFloat(new Date(repTime).getTime()) / 1000)
|
||
console.log(recordTime, 'recordTime')
|
||
self.UID = recordTime.substring(recordTime.length - 5) + String(data.user.id)
|
||
wx.setStorageSync('UID', self.user.UID)
|
||
self.shareConfig.images[1].url = data.share_qrcode
|
||
self.posterConfig = self.shareConfig
|
||
console.log(self.posterConfig, '333===0999')
|
||
self.$nextTick(() => {
|
||
setTimeout(() => {
|
||
self.$wx.selectComponent('#poster').onCreate(true, self)
|
||
}, 100)
|
||
})
|
||
// 小程序分享
|
||
self.title = `我是"${data.user.nickname}"，这是我的小程序卡片`
|
||
console.log(self.title, 'title===')
|
||
if (data.user.photo) {
|
||
let year = '', city = '', degree = '', industry_sub = ''
|
||
if (data.birthday) {
|
||
year = data.birthday.slice(2, 4) + '年'
|
||
}
|
||
if (data.city) {
|
||
city = data.city
|
||
}
|
||
if (data.degree) {
|
||
degree = data.degree
|
||
}
|
||
if (data.industry_sub) {
|
||
industry_sub = data.industry_sub
|
||
}
|
||
console.log(year, city, degree, industry_sub)
|
||
self.shareConfig1.texts[0].text = `${year} | ${city}`
|
||
self.shareConfig1.texts[1].text = `${degree} | ${industry_sub}`
|
||
self.shareConfig1.images[0].url = data.user.photo
|
||
console.log(self.shareConfig1.images, 'self.shareConfig1.images')
|
||
self.posterConfig1 = self.shareConfig1
|
||
|
||
self.$nextTick(() => {
|
||
setTimeout(() => {
|
||
console.log(self.posterConfig1, 'posterConfig1=')
|
||
self.$wx.selectComponent('#posterV1').onCreate(true, self)
|
||
}, 100)
|
||
})
|
||
} else {
|
||
// 重新获取分享码
|
||
// self.$showToast('分享图片获取失败')
|
||
}
|
||
console.log(self.posterConfig1, '7777')
|
||
this.init = true
|
||
this.user = data.user
|
||
this.user.rank_id = data.rank_profile.rank_id
|
||
this.user.deadline = data.rank_profile.deadline
|
||
// this.user.card_num = data.approve_profile.card_num
|
||
this.user.is_approved = data.approve_profile.is_approved
|
||
this.user.is_real_approved = data.approve_profile.is_real_approved
|
||
this.user.is_photo_audited = data.is_photo_audited
|
||
// this.user.name = data.approve_profile.name
|
||
this.listCount = {
|
||
friend_count: data.friend_count,
|
||
fans_count: data.fans_count,
|
||
follow_count: data.follow_count,
|
||
preview_count: data.preview_count
|
||
}
|
||
console.log(this.user, 'user===')
|
||
// this.is_profile = data.is_other_profile
|
||
this.is_photo_audited = data.approve_profile.is_photo_audited
|
||
this.title = `我是"${data.nickname}"，这是我的小程序卡片`
|
||
if (data.my_qrcode) {
|
||
wx.setStorageSync('my_qrcode', data.my_qrcode)
|
||
}
|
||
wx.setStorageSync('type', data.type)
|
||
})
|
||
},
|
||
|
||
getServiceCode(urlV2) {
|
||
let vm = this
|
||
console.log('130-00')
|
||
let url = `${service.host}/crm/alone/cs/qrcode`
|
||
vm.$get({url: url}).then(({code, data}) => {
|
||
console.log('333---')
|
||
console.log(data, '111---')
|
||
if (data.qrcode) {
|
||
vm.exclusiveService = data.qrcode
|
||
vm.modalName = 'isExclusiveService'
|
||
} else {
|
||
wx.navigateTo({
|
||
url: urlV2
|
||
})
|
||
}
|
||
})
|
||
},
|
||
modalCity() {
|
||
wx.hideTabBar()
|
||
this.chooseShow = true
|
||
},
|
||
|
||
modalInit() {
|
||
this.modalName = 'is_photo_audited'
|
||
console.log('---999')
|
||
},
|
||
onPosterSuccessWx(e) { // 生成海报回调
|
||
let vm = this
|
||
console.log(vm.posterConfig, '7777')
|
||
// vm.pic = e.$wx.detail
|
||
console.log(e.$wx.detail, '分享卡片')
|
||
vm.shareCanvasImg = e.$wx.detail
|
||
wx.hideLoading()
|
||
},
|
||
onPosterSuccess(e) { // 分享海报
|
||
let vm = this
|
||
console.log(e, 'e=3333')
|
||
vm.invite_pic = e.$wx.detail
|
||
console.log(e.$wx.detail, '海报')
|
||
wx.hideLoading()
|
||
},
|
||
|
||
getPhoneNumber({$wx: e}) { // 获取手机号
|
||
let vm = this
|
||
console.log(e, 'e==')
|
||
if (e.detail.iv) {
|
||
getPhoneNumber(e).then(({phone}) => {
|
||
if (phone) {
|
||
vm.isShowIphoneBtn = false
|
||
vm.$showToast('绑定成功')
|
||
}
|
||
})
|
||
}
|
||
},
|
||
hideModal() {
|
||
this.modalName = ''
|
||
},
|
||
uploadPhoto() {
|
||
this.modalName = ''
|
||
this.modalCity()
|
||
},
|
||
// moreTask() {
|
||
// if (!this.token) {
|
||
// this.loginShow = true
|
||
// return
|
||
// }
|
||
// wx.navigateTo({
|
||
// url: '/pages/users/calendarSignIn'
|
||
// })
|
||
// },
|
||
gotoPage(type, url) {
|
||
console.log(type, this.is_base_info)
|
||
this.modalName = ''
|
||
if (type == 1 && !this.is_base_info) {
|
||
url = '/pages/home/registration'
|
||
}
|
||
this.$goto(url)
|
||
},
|
||
goto_v2(e) {
|
||
let {item} = e.currentTarget.dataset,
|
||
vm = this
|
||
console.log(item)
|
||
let url = `${item.path}?state=${item.state}:''`
|
||
if (item.title == '填写基础资料' && !vm.is_base_info) {
|
||
url = '/pages/userInfo/basicData'
|
||
}
|
||
vm.modalName = ''
|
||
wx.navigateTo({
|
||
url: url
|
||
})
|
||
},
|
||
goto(url, text) {
|
||
console.log(url, text)
|
||
let titles = ['好友', '关注', '粉丝', '访客'], {is_base_info} = app.globalData,
|
||
vm = this, {id} = wx.getStorageSync('userInfo')
|
||
// 校验是否完成注册资料
|
||
console.log(vm.$signInVerify(), 'vm.$signInVerify()===')
|
||
if (!vm.$signInVerify()) {
|
||
console.log('000')
|
||
vm.loginShow = true
|
||
return
|
||
}
|
||
if (titles.includes(text) && !is_base_info) {
|
||
vm.showVisitorModel = true
|
||
return
|
||
// return vm.$invoke('visitorModel', 'showModal', '0') // 游客模式，无法查看
|
||
}
|
||
// vm.$parent.getEvent(vm.config.navigationBarTitleText, `点击${text}`, `userID=${id}`)
|
||
vm.modalName = ''
|
||
vm.hide = true
|
||
if (text === '专属客服') {
|
||
vm.getServiceCode(url)
|
||
return
|
||
}
|
||
if (text === '分享我的卡片') {
|
||
vm.hide = false
|
||
return
|
||
}
|
||
if (url && url.includes('page')) {
|
||
wx.navigateTo({
|
||
url: url
|
||
})
|
||
} else {
|
||
wx.navigateTo({url: '/pages/books/bookDetail?url=' + encodeURIComponent(url)})
|
||
}
|
||
},
|
||
// 关闭游客弹窗
|
||
visitorClose() {
|
||
this.showVisitorModel = false
|
||
},
|
||
loginCut(e) {
|
||
this.loginShow = e.loginShow
|
||
},
|
||
// loginDialogCut(e) {
|
||
// // this.$parent.getEvent(this.config.navigationBarTitleText, `点击暂不登录`)
|
||
// this.loginShow = e.loginShow
|
||
// },
|
||
hideCut(e) {
|
||
wx.showTabBar({
|
||
animation: true
|
||
})
|
||
this.chooseShow = e.chooseShow
|
||
},
|
||
replacePhoto() {
|
||
wx.hideTabBar()
|
||
this.chooseShow = true
|
||
this.modalName = ''
|
||
},
|
||
goToSpellGroup(id) {
|
||
wx.navigateTo({
|
||
url: `/pages/party/SpellGroupOrder?order_id=${id}`
|
||
})
|
||
},
|
||
hiddenLogin() {
|
||
let vm = this
|
||
vm.loginShow = false
|
||
}
|
||
// loginDialogShow() {
|
||
// let vm = this
|
||
// wepy.$instance.pageLogin().then((data) => {
|
||
// vm.token = data.token
|
||
// vm.loginShow = false
|
||
// vm.page = 1
|
||
// vm.onShow()
|
||
// })
|
||
// }
|
||
}
|
||
// events: {
|
||
// 'modalValue': (value) => { // 搜索返回值
|
||
// this.loginShow = true
|
||
// }
|
||
// }
|
||
})
|
||
</script>
|
||
|
||
<style lang="less">
|
||
|
||
|
||
page {
|
||
background: #f4f5f9;
|
||
|
||
::-webkit-scrollbar {
|
||
width: 0;
|
||
height: 0;
|
||
color: transparent;
|
||
}
|
||
|
||
.placeholder {
|
||
height: 22rpx;
|
||
background: #fff;
|
||
}
|
||
|
||
.pairing_recommended_box {
|
||
background: #fff;
|
||
padding: 0 30rpx 120rpx 30rpx;
|
||
position: relative;
|
||
|
||
.cylindrical {
|
||
position: absolute;
|
||
left: 50%;
|
||
margin-left: -45%;
|
||
top: 44rpx;
|
||
text-align: center;
|
||
width: 90%;
|
||
height: 8rpx;
|
||
background: #f2f2f2;
|
||
}
|
||
|
||
.small_circle {
|
||
width: 16rpx;
|
||
height: 16rpx;
|
||
border-radius: 50%;
|
||
background: #f2f2f2;
|
||
position: absolute;
|
||
left: 30rpx;
|
||
top: 40rpx;
|
||
}
|
||
|
||
.circleActive {
|
||
background: #ff5380;
|
||
}
|
||
|
||
.pairing_box {
|
||
position: absolute;
|
||
top: 28rpx;
|
||
left: 50%;
|
||
margin-left: -52rpx;
|
||
width: 104rpx;
|
||
height: 44rpx;
|
||
line-height: 44rpx;
|
||
background: #f5f5f5;
|
||
color: #333333;
|
||
border-radius: 22rpx;
|
||
}
|
||
|
||
.pairingActive {
|
||
background: #ff5380;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.recommended_box {
|
||
padding: 0 14rpx;
|
||
height: 44rpx;
|
||
background: #f5f5f5;
|
||
border-radius: 22rpx;
|
||
position: absolute;
|
||
top: 28rpx;
|
||
right: 30rpx;
|
||
|
||
.recommended_icon {
|
||
width: 22rpx;
|
||
height: 24rpx;
|
||
vertical-align: middle;
|
||
margin-top: -2rpx;
|
||
margin-right: 4rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.heartbeatBox {
|
||
margin: -12rpx 16rpx;
|
||
|
||
.heartbeatIcon {
|
||
width: 100%;
|
||
display: block;
|
||
margin: 0 auto;
|
||
}
|
||
}
|
||
|
||
.task_box {
|
||
background: #fff;
|
||
padding: 24rpx 30rpx 0 30rpx;
|
||
margin: 30rpx;
|
||
border-radius: 20rpx;
|
||
|
||
.task_title_box {
|
||
overflow: hidden;
|
||
padding: 0 0 32rpx 0;
|
||
// .task_vertical_line {
|
||
// display: inline-block;
|
||
// vertical-align: middle;
|
||
// margin-top: -8rpx;
|
||
// width: 6rpx;
|
||
// height: 30rpx;
|
||
// background: #ff5380;
|
||
// border-radius: 8rpx;
|
||
// }
|
||
.task_title {
|
||
display: inline-block;
|
||
// margin-left: 12rpx;
|
||
font-size: 32rpx;
|
||
font-family: PingFangSC-Medium, PingFang SC;
|
||
font-weight: 600;
|
||
color: #333333;
|
||
|
||
}
|
||
|
||
.triangle_icon {
|
||
width: 10rpx;
|
||
height: 20rpx;
|
||
vertical-align: middle;
|
||
margin-left: 8rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.bc_tab {
|
||
width: 100%;
|
||
height: 120rpx;
|
||
// background: #f5f5f5;
|
||
// background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 45%, #EAEAEA 100%);
|
||
position: relative;
|
||
padding-top: 16rpx;
|
||
padding-bottom: 12rpx;
|
||
|
||
.mainF,
|
||
.mainFA {
|
||
width: 25%;
|
||
height: 100%;
|
||
}
|
||
|
||
.mainFA {
|
||
position: relative;
|
||
// &:before,
|
||
&:after {
|
||
content: " ";
|
||
position: absolute;
|
||
top: 16rpx;
|
||
height: 28px;
|
||
width: 1px;
|
||
background: #f6f6f6;
|
||
}
|
||
|
||
&:after {
|
||
left: 0;
|
||
}
|
||
|
||
// &:before {
|
||
// right: 0;
|
||
// }
|
||
}
|
||
}
|
||
|
||
.list_box{
|
||
margin: 30rpx;
|
||
border-radius: 20rpx;
|
||
background: #FFFFFF;
|
||
padding: 0 32rpx;
|
||
}
|
||
|
||
._list {
|
||
overflow: hidden;
|
||
height: 100rpx;
|
||
// border-bottom: 2rpx solid #f6f6f6;
|
||
.zf-tag {
|
||
// margin-top: 32rpx;
|
||
margin-right: 12rpx;
|
||
animation: zy 2.5s .15s linear infinite;
|
||
width: 120rpx;
|
||
height: 38rpx;
|
||
@keyframes zy {
|
||
10% {
|
||
transform: rotate(8deg);
|
||
}
|
||
20% {
|
||
transform: rotate(-6deg);
|
||
}
|
||
30% {
|
||
transform: rotate(3deg);
|
||
}
|
||
40% {
|
||
transform: rotate(-3deg);
|
||
}
|
||
50%,
|
||
100% {
|
||
transform: rotate(0deg);
|
||
}
|
||
}
|
||
}
|
||
|
||
.zf-tag-text {
|
||
// height: 36rpx;
|
||
// margin-top: 5rpx;
|
||
padding-right: 12rpx;
|
||
font-size: 28rpx;
|
||
font-family: PingFangSC-Regular, PingFang SC;
|
||
font-weight: 400;
|
||
}
|
||
|
||
.img {
|
||
width: 36rpx;
|
||
height: auto;
|
||
margin-right: 8rpx;
|
||
}
|
||
|
||
.icon {
|
||
width: 12rpx;
|
||
height: 24rpx;
|
||
}
|
||
}
|
||
|
||
._listV2 {
|
||
margin-bottom: 0;
|
||
position: relative;
|
||
|
||
&:before {
|
||
content: " ";
|
||
width: 87vw;
|
||
height: 2rpx;
|
||
background: #eeeded;
|
||
position: absolute;
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
}
|
||
|
||
// ._list:last-of-type{
|
||
// border-radius: 0 0 20rpx 20rpx;
|
||
// }
|
||
// ._list:first-of-type{
|
||
// border-radius: 20rpx 20rpx 0 0;
|
||
// }
|
||
}
|
||
|
||
.btn-box {
|
||
width: 80%;
|
||
background: #D92553;
|
||
border-radius: 6rpx;
|
||
padding: 16rpx;
|
||
margin: 16rpx auto;
|
||
letter-spacing: 8rpx;
|
||
}
|
||
|
||
.send {
|
||
margin: 50rpx auto;
|
||
margin-bottom: -12rpx;
|
||
}
|
||
|
||
.more_task_box {
|
||
background: #fff;
|
||
|
||
.more_task_title {
|
||
font-size: 36rpx;
|
||
padding: 38rpx 0 54rpx 0;
|
||
font-weight: bold;
|
||
letter-spacing: 2rpx;
|
||
color: #333333;
|
||
}
|
||
|
||
.cancel_icon_box {
|
||
width: 60rpx;
|
||
height: 60rpx;
|
||
position: absolute;
|
||
right: 30rpx;
|
||
top: 10rpx;
|
||
|
||
.cancel_icon {
|
||
width: 30rpx;
|
||
height: 30rpx;
|
||
margin-top: 20rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.task_list_box {
|
||
// margin-bottom: 12rpx;
|
||
.task_li {
|
||
overflow: hidden;
|
||
padding-bottom: 30rpx;
|
||
|
||
.task_li_title {
|
||
.coin_icon {
|
||
width: 28rpx;
|
||
height: 28rpx;
|
||
vertical-align: middle;
|
||
margin-top: -6rpx;
|
||
margin-left: 4rpx;
|
||
}
|
||
}
|
||
|
||
.jump_buttom {
|
||
color: #F33B6C;
|
||
font-size: 26rpx;
|
||
padding: 0 24rpx;
|
||
font-weight: 400;
|
||
height: 52rpx;
|
||
line-height: 52rpx;
|
||
// background: #ff5380;
|
||
border: 2rpx solid #FFA9C0;
|
||
border-radius: 26rpx;
|
||
// margin-top: 20rpx;
|
||
}
|
||
|
||
.underline {
|
||
width: 100%;
|
||
height: 2rpx;
|
||
background: #f5f5f5;
|
||
margin-top: 20rpx;
|
||
}
|
||
}
|
||
|
||
.task_lis {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
}
|
||
}
|
||
|
||
.audit_photo_box {
|
||
position: relative;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
margin-left: auto;
|
||
margin-right: auto;
|
||
width: 600rpx;
|
||
max-width: 100%;
|
||
// 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;
|
||
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;
|
||
}
|
||
}
|
||
|
||
// 样式重置
|
||
.animation-slide-bottom {
|
||
margin: 30rpx;
|
||
border-radius: 24rpx;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.page-user {
|
||
min-height: 100vh;
|
||
background: #FAF9F9;
|
||
overflow: hidden;
|
||
|
||
.bgs {
|
||
background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 45%, #EAEAEA 100%);
|
||
margin-bottom: 28rpx;
|
||
}
|
||
|
||
.Vipimgs {
|
||
height: 58px;
|
||
background-size: cover;
|
||
background-position: center;
|
||
vertical-align: middle;
|
||
border-radius: 8px 8px 0px 0px;
|
||
//margin: 0 30rpx;
|
||
display: flex;
|
||
justify-content: center;
|
||
flex-direction: column;
|
||
// padding-left: 126rpx;
|
||
position: relative;
|
||
|
||
.member {
|
||
width: 70%;
|
||
padding-left: 140rpx;
|
||
font-size: 14px;
|
||
height: 40rpx;
|
||
line-height: 40rpx;
|
||
font-family: PingFangSC-Medium, PingFang SC;
|
||
font-weight: 500;
|
||
color: #865726;
|
||
}
|
||
|
||
.equities {
|
||
width: 70%;
|
||
padding-left: 140rpx;
|
||
font-size: 12px;
|
||
height: 34rpx;
|
||
line-height: 34rpx;
|
||
font-family: PingFangSC-Regular, PingFang SC;
|
||
font-weight: 400;
|
||
color: #865726;
|
||
}
|
||
|
||
.dredge {
|
||
position: absolute;
|
||
height: 52rpx;
|
||
width: 120rpx;
|
||
right: 60rpx;
|
||
top: 0;
|
||
bottom: 0;
|
||
margin: auto;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background: linear-gradient(360deg, #F4C78F 0%, #FFD49A 100%);
|
||
color: #865726;
|
||
border-radius: 50rpx;
|
||
font-size: 28rpx;
|
||
}
|
||
}
|
||
}
|
||
|
||
.login_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-bottom: 30rpx;
|
||
|
||
.promptTitle {
|
||
padding: 40rpx 0;
|
||
}
|
||
|
||
.login_button {
|
||
width: 320rpx;
|
||
height: 68rpx;
|
||
line-height: 68rpx;
|
||
border-radius: 34rpx;
|
||
background: #ff5380;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin: 60rpx auto 0 auto;
|
||
}
|
||
|
||
.loginCancelIcon {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
position: fixed;
|
||
margin-top: 80rpx;
|
||
margin-left: -24rpx;
|
||
z-index: 99;
|
||
}
|
||
}
|
||
|
||
//.cu-modal {
|
||
// z-index: 9999999 !important;
|
||
//}
|
||
.m_mod_tips {
|
||
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: 50rpx 50rpx 0;
|
||
|
||
.u_mod_tips_img {
|
||
width: 248rpx;
|
||
height: 196rpx;
|
||
margin-bottom: 40rpx;
|
||
margin-right: 24rpx;
|
||
}
|
||
|
||
.m_mod_tips_bu {
|
||
padding: 40rpx 0 50rpx;
|
||
|
||
.u_mod_tips_bu {
|
||
width: 300rpx;
|
||
height: 72rpx;
|
||
border-radius: 100rpx;
|
||
background: #ff5380;
|
||
}
|
||
}
|
||
|
||
.loginCancelIcon {
|
||
width: 48rpx;
|
||
height: 48rpx;
|
||
position: fixed;
|
||
margin-top: 40rpx;
|
||
margin-left: -24rpx;
|
||
z-index: 99;
|
||
}
|
||
}
|
||
|
||
.d_close {
|
||
width: 36rpx;
|
||
height: 36rpx;
|
||
//background: red;
|
||
position: absolute;
|
||
left: 50rpx;
|
||
z-index: 100;
|
||
top: 34rpx;
|
||
}
|
||
|
||
.getUserIphone {
|
||
background-image: url("https://image.fulllinkai.com/202203/24/381396e112b87ef956137aaf71c9f31a.png");
|
||
background-position: center;
|
||
background-size: cover;
|
||
background-repeat: no-repeat;
|
||
width: 92%;
|
||
height: 80rpx;
|
||
margin: auto;
|
||
border-radius: 12rpx;
|
||
margin-bottom: -12rpx;
|
||
|
||
}
|
||
|
||
.spellGroup {
|
||
margin: 30rpx;
|
||
|
||
.spellGroup_spr {
|
||
background: #FFFFFF;
|
||
border-radius: 24rpx;
|
||
padding: 30rpx;
|
||
}
|
||
|
||
.u_swiper {
|
||
width: 100%;
|
||
height: 88rpx;
|
||
|
||
.u_item {
|
||
display: flex;
|
||
justify-content: left;
|
||
align-items: center;
|
||
position: relative;
|
||
|
||
.image_ {
|
||
width: 156rpx;
|
||
height: 88rpx;
|
||
display: block;
|
||
border-radius: 16rpx;
|
||
margin-right: 16rpx;
|
||
}
|
||
|
||
.spellGroupBtn {
|
||
width: 144rpx;
|
||
height: 48rpx;
|
||
border-radius: 26rpx;
|
||
border: 2rpx solid #FFA9C0;
|
||
position: absolute;
|
||
top: 50%;
|
||
transform: translateY(-50%);
|
||
right: 0;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.m_spr {
|
||
padding: 0 30rpx;
|
||
|
||
.u_spr {
|
||
background: #FFFFFF;
|
||
border-radius: 24rpx;
|
||
padding: 24rpx 30rpx 26rpx;
|
||
.ui-sprite-one{
|
||
position: relative;
|
||
.ui-sprite-dot{
|
||
height: 32rpx;
|
||
line-height: 34rpx;
|
||
padding: 0 12rpx;
|
||
background: #F86868;
|
||
border-radius: 16rpx 16rpx 16rpx 16rpx;
|
||
font-size: 18rpx;
|
||
position: absolute;
|
||
right: -32rpx;
|
||
top: -14rpx;
|
||
z-index: 99;
|
||
}
|
||
}
|
||
.u_spr_img {
|
||
width: 74rpx;
|
||
height: 74rpx;
|
||
}
|
||
|
||
.u_spr_tt {
|
||
padding-top: 20rpx;
|
||
line-height: 24rpx;
|
||
}
|
||
}
|
||
}
|
||
</style>
|
||
<config>
|
||
{
|
||
navigationBarTitleText: '我的',
|
||
navigationStyle: 'custom',
|
||
enablePullDownRefresh: false,
|
||
backgroundColorTop: '#f2f2f2',
|
||
backgroundColorBottom: '#f2f2f2',
|
||
usingComponents: {
|
||
visitorModel: '~@/components/visitorModel',
|
||
userTitle: '~@/components/userTitle',
|
||
loginTips: '~@/components/loginTips',
|
||
chooseImageTips: '~@/components/chooseImageTips',
|
||
shareComponent: '~@/components/shareComponent',
|
||
poster: "plugin://FL-plugin/poster",
|
||
loginDialog: '~@/components/loginDialog',
|
||
}
|
||
}
|
||
</config>
|