ufutx_love_mp/src/pages/users/unmarri.wpy

846 lines
28 KiB
Plaintext
Raw Normal View History

2024-09-21 11:02:39 +08:00
<template>
<view class=" unmarrContainer">
<view class="orderdata">
<view class="mainTitle bold font_28 color-999">基础资料</view>
<view class="m_bas">
<view class="u_bas">
<view class="m_basLst f-fbc">
<span class="font_28 color-333 bold">昵称</span>
<!-- <span class="color-theme bold"> *</span> -->
<input type="text" placeholder="请输入" class="u_name_inp" @blur="typing('name',$event)" value="{{name}}" cursor-spacing="50" maxlength="10" />
</view>
</view>
<view class="u_bas">
<block v-if="!selectSex">
<view class="m_basLst f-fbc" @tap="bindTips('性别无法更改哦,如有需要请联系客服')">
<view>
<span class="font_28 color-333 bold">性别</span>
</view>
<view class="f-fc">
<text class="font_28 color-333">{{sex[sexIndex]}}</text>
<image class="tips_icon" src="https://image.fulllinkai.com/202108/19/1e592d8cc35396e3142d9bd40093abe9.png" mode="aspectFit"></image>
</view>
</view>
</block>
<block v-else>
<picker value="{{sexIndex}}" range="{{sex}}" bindchange="sexChange" >
<view class="m_basLst f-fbc">
<span class="font_28 color-333 bold">性别</span>
<view class="text">
2024-09-30 14:43:36 +08:00
<span v-if="sexIndexSelect">{{sex[sexIndex]}}</span>
2024-09-21 11:02:39 +08:00
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</view>
</picker>
</block>
</view>
<view class="u_bas">
<picker value="{{statureIndex}}" range="{{statureList}}" bindchange="statureChange" >
<view class="m_basLst f-fbc">
<span class="font_28 color-333 bold">身高</span>
<view class="font_28 f-fc">
2024-09-30 14:43:36 +08:00
<span class="color333" v-if="statureIndexSelect">{{statureList[statureIndex]}}</span>
2024-09-21 11:02:39 +08:00
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</view>
</picker>
</view>
<view class="u_bas">
<picker value="{{weightIndex}}" range="{{weightList}}" bindchange="weightChange" >
<view class="m_basLst f-fbc">
<span class="font_28 color-333 bold">体重</span>
<view class="font_28 f-fc">
2024-09-30 14:43:36 +08:00
<span class="color333" v-if="weightIndexSelect">{{weightList[weightIndex]}}</span>
2024-09-21 11:02:39 +08:00
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</view>
</picker>
</view>
<view class="u_bas">
<view class="m_basLst f-fbc">
<span class="font_28 color-333 bold">常居地</span>
<selectCity ref="selectCity" :itemIndex.sync="CITY_INDEX" :multiIndex.sync="multiIndex" class="flo_r" @selectCity="selectCity" @provinces="getProvinces">
<view class="font_28 f-fc">
<span class="color333" v-if="region[2]">{{region[1]}} / {{region[2]}}</span>
<span v-else class="color999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</selectCity>
</view>
</view>
</view>
<view class="mainTitle bold font_28 color-999">个人资料</view>
<view class="m_section">
<view class="u_section">
<picker mode="date" value="1990-01-01" end="{{endDate}}" @change="typing('birthday',$event)">
<view class="m_secLst f-fbc">
<span class="font_28 color-333 bold">出生日期</span>
<view class="font_28 f-fc">
<span class="color333" v-if="birthday">{{birthday}}</span>
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</view>
</picker>
</view>
<view class="u_section">
<view class="m_secLst f-fbc" @tap="bindTips('情感状态无法更改哦,如有需要请联系客服')">
<view class="f-fc">
<span class="font_28 color-333 bold">情感状况</span>
</view>
<view class="font_28 f-fc color-333">
<span>{{state}}</span>
<image class="tips_icon" src="https://image.fulllinkai.com/202108/19/1e592d8cc35396e3142d9bd40093abe9.png" mode="aspectFit"></image>
</view>
</view>
</view>
<view class="u_section">
<view class="m_secLst f-fbc">
<span class="font_28 color-333 bold">籍贯</span>
<!-- <span class="color-theme">*</span> -->
<selectCity1 ref="selectCityV1" :itemIndex.sync="CITY_INDEX1" :multiIndex.sync="multiIndexA" class="flo_r" @selectCity="selectCity" @provinces="getProvinces">
<view class="font_28 f-fc">
<span class="color333" v-if="region_id[2]">{{region_id[1]}} / {{region_id[2]}}</span>
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</selectCity1>
</view>
</view>
<view class="u_section">
<picker mode="multiSelector" @change="bindMultiPickerChange2" @columnchange="bindMultiPickerColumnChange2" value="{{multiIndex2}}" range="{{objectMultiArray}}" >
<view class="m_secLst f-fbc">
<span class="font_28 color-333 bold">职业</span>
<block v-if="show">
<view class="font_28 f-fc">
<span class="color333" v-if="industry">{{industry}} / {{industry_sub}}</span>
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</block>
<block v-else>
<view class="font_28 f-fec" style="width: 80%">
<text v-if="industry" class="text ellipsis_1 flo_r text-right color333" style="width: 80%">{{objectMultiArray[0][multiIndex2[0]]}} - {{industry_sub === '其他行业' ? objectMultiArray[1][multiIndex2[1]] : industry_sub}}</text>
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</block>
</view>
</picker>
</view>
<view class="u_section">
<picker value="{{incomeIndex}}" range="{{incomeList}}" bindchange="incomeChange">
<view class="m_secLst f-fbc">
<span class="font_28 color-333 bold">年收入</span>
<view class="font_28 f-fc">
2024-09-30 14:43:36 +08:00
<span class="color333" v-if="incomeIndexSelect">{{incomeList[incomeIndex]}}</span>
2024-09-21 11:02:39 +08:00
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</view>
</picker>
</view>
<view class="u_section">
<picker value="{{beliefIndex}}" range="{{belief}}" bindchange="beliefChange">
<view class="m_secLst f-fbc">
<span class="font_28 color-333 bold">信仰</span>
<view class="font_28 f-fc">
2024-09-30 14:43:36 +08:00
<span class="color333" v-if="beliefIndexSelect">{{belief[beliefIndex]}}</span>
2024-09-21 11:02:39 +08:00
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</view>
</picker>
</view>
<view class="u_section">
<picker value="{{marriageIndex}}" range="{{marriage}}" bindchange="marriageChange">
<view class="m_secLst f-fbc">
<span class="font_28 color-333 bold">期望结婚</span>
<view class="font_28 f-fc">
2024-09-30 14:43:36 +08:00
<span class="color333" v-if="marriageIndexSelect">{{marriage[marriageIndex]}}</span>
2024-09-21 11:02:39 +08:00
<span v-else class="color-999">请选择</span>
<text class="cuIcon-right lg text-gray"></text>
</view>
</view>
</picker>
</view>
</view>
<view class=""></view>
</view>
<view class="mainBtn f-fcc">
<button class="btn font_30 btn-box white radius shadow bg-blue margin-top f-fcc" @tap="ensure">保存</button>
</view>
<view class="cu-modal {{modalName=='Other'?'show':''}}">
<view class="cu-dialog" style="width:600rpx;">
<view class="bg-img bg-imgs">请输入职业</view>
<input type="text" placeholder="请输入" @blur="typing('otherOccupation',$event)" class="u_name_inp_V2" value="{{otherOccupation}}" cursor-spacing="50" maxlength="10" />
<view class="cu-bar bg-white" style="border-top:10rpx solid #f5f5f5;display:flex;">
<view class="action margin-0 flex-sub" style="color:#999999;font-size:32rpx;font-weight:500;border-right:1rpx solid #f5f5f5;" @tap="cancel">取消</view>
<view class="action margin-0 flex-sub solid-left" style="color:#F33B6C;font-size:32rpx;font-weight:500;" @tap="changeOccupation">确认</view>
</view>
</view>
</view>
</view>
</template>
<script>
import wepy from '@wepy/core'
import { service } from '../../config.js'
import https from '../../mixins/https'
import base from '../../mixins/base'
wepy.page({
mixins: [base, https],
data: {
sex: ['男', '女'],
2024-09-30 14:43:36 +08:00
sexIndex: 0,
sexIndexSelect: false,
2024-09-21 11:02:39 +08:00
selectSex: false,
state: '',
statureList: [], // 身高list
2024-09-30 14:43:36 +08:00
statureIndex: 0, // 默认160cm
statureIndexSelect: false,
2024-09-21 11:02:39 +08:00
weightList: [], // 体重list
2024-09-30 14:43:36 +08:00
weightIndex: 0, // 默认160cm
weightIndexSelect: false,
stateIndex: 0,
stateIndexSelect: false,
2024-09-21 11:02:39 +08:00
residentIndex: 0,
degree: ['小学', '初中', '高中', '中专', '大专', '本科', '硕士', '博士', '其他'],
2024-09-30 14:43:36 +08:00
degreeIndex: 0,
degreeIndexSelect: false,
2024-09-21 11:02:39 +08:00
incomeList: ['5w以下', '5~10w', '10~15w', '15~30w', '30~50w', '50~100w', '100~500w', '500w以上'],
2024-09-30 14:43:36 +08:00
incomeIndex: 0,
incomeIndexSelect: false,
2024-09-21 11:02:39 +08:00
belief: ['基督教', '佛教', '伊斯兰教', '其他'],
2024-09-30 14:43:36 +08:00
beliefIndex: 0,
beliefIndexSelect: false,
2024-09-21 11:02:39 +08:00
marriage: ['半年内', '一年内', '两年内', '两年后'],
2024-09-30 14:43:36 +08:00
marriageIndex: 0,
marriageIndexSelect: false,
2024-09-21 11:02:39 +08:00
salary: [],
salaryIndex: 0,
region: ['', '', ''],
region_id: ['', '', ''],
CITY_INDEX: 0,
photos: [],
CITY_INDEX1: 1,
birthday: '',
name: '',
nickname: '',
age: '',
weight: '',
country: '',
stature: '',
graduate_school: '',
company: '',
introduction: '',
ideal_mate: '',
post: '',
wechat_id: '',
Business: [],
show: true,
Salaryshow: false,
avatar: '', // 头像
work_text: '',
WorkShow: false,
DegreeText: '',
ShowDegree: false,
industry: '',
industry_sub: '',
multiIndex2: [0, 0],
objectMultiArray: [],
salary_id: '',
salaries: [],
endDate: '', // 结束时间
tempMember: 0,
provinces: [],
multiIndex: [0, 18, 2],
multiIndexA: [0, 18, 2],
modalName: '',
otherOccupation: '',
selectCity: '',
selectCityV1: ''
},
onLoad() {
this.objectMultiArray = []
this.getindustry()
this.getuser()
this.getStatureList() // 身高数据
this.getWeightList() // 体重数据
let timestamp = Date.parse(new Date())
let date = new Date(timestamp)
let Y = date.getFullYear()
let M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate()
this.endDate = `${Y}-${M}-${D}`
wx.setNavigationBarColor({
frontColor: '#000000',
backgroundColor: '#F5F5F5'
})
},
onShow() {
console.log(this.route)
},
methods: {
show(e) {
this.graduate_school = e
},
getStatureList() { // 身高
let list = []
for (let num = 139; num < 202; num++) {
if (num < 140) {
list.push(`${num}cm以下`)
} else if (num == 201) {
list.push(`${num}cm以上`)
} else {
list.push(`${num}cm`)
}
}
this.statureList = list
},
getWeightList() { // 体重
let list = []
for (let num = 39; num < 132; num++) {
if (num < 40) {
list.push(`${num}kg以下`)
} else if (num == 131) {
list.push(`${num}kg以上`)
} else {
list.push(`${num}kg`)
}
}
this.weightList = list
},
getindustry() { // 行业
let that = this
this.loading = true
this.$get({url: `${service.host}/industry/json`})
.then(({code, data}) => {
that.getuser()
let result = data
that.Business = result
let IndustryArr = []
result.forEach(function (item, index, arr) {
IndustryArr.push(arr[index].title)
})
that.objectMultiArray.push(IndustryArr)
that.objectMultiArray.push(result[0].items)
})
},
getuser() {
let that = this
this.loading = true
this.$get({url: `${service.host}/user/base/profile`}).then(({code, data}) => {
let result = data
that.name = result.nickname
that.nickname = result.nickname
that.age = result.age
that.avatar = result.avatar
that.weight = result.weight
that.stature = result.stature
that.country = result.country
that.post = result.post
// that.wechat_id = result.wechat_id
that.graduate_school = result.graduate_school
that.introduction = result.introduction
that.ideal_mate = result.ideal_mate
that.work_text = result.work_sort
that.DegreeText = result.degree
that.state = result.state
setTimeout(function () {
that.multiCity1(result.country, result.resident_province, result.resident_city)
that.multiCity(result.country, result.province, result.city)
}, 800)
if (data.sex == 1) {
that.sexIndex = 0
2024-09-30 14:43:36 +08:00
that.sexIndexSelect = true
2024-09-21 11:02:39 +08:00
} else if (data.sex == 2) {
that.sexIndex = 1
2024-09-30 14:43:36 +08:00
that.sexIndexSelect = true
2024-09-21 11:02:39 +08:00
} else {
}
that.statureList.map((item, index) => {
// console.log(item)
if (parseInt(item) == result.stature) {
that.statureIndex = index
2024-09-30 14:43:36 +08:00
that.statureIndexSelect = true
2024-09-21 11:02:39 +08:00
}
})
that.weightList.map((item, index) => {
// console.log(parseInt(item))
if (parseInt(item) == result.weight) {
that.weightIndex = index
2024-09-30 14:43:36 +08:00
that.weightIndexSelect = true
2024-09-21 11:02:39 +08:00
}
})
if (result.birthday) {
that.birthday = result.birthday
}
if (result.province) {
that.region = [result.country, result.province, result.city]
}
if (result.resident_city) {
that.region_id = [that.region_id[0], result.resident_province, result.resident_city]
}
that.degree.forEach((item, index, arr) => {
if (result.degree == arr[index]) {
that.degreeIndex = index
2024-09-30 14:43:36 +08:00
that.degreeIndexSelect = true
2024-09-21 11:02:39 +08:00
}
})
that.belief.forEach((item, index, arr) => {
if (result.belief == arr[index]) {
that.beliefIndex = index
2024-09-30 14:43:36 +08:00
that.beliefIndexSelect = true
2024-09-21 11:02:39 +08:00
}
})
that.marriage.forEach((item, index, arr) => {
if (result.marry_by_time == arr[index]) {
that.marriageIndex = index
2024-09-30 14:43:36 +08:00
that.marriageIndexSelect = true
2024-09-21 11:02:39 +08:00
}
})
that.incomeList.forEach((item, index, arr) => {
if (result.income == arr[index]) {
that.incomeIndex = index
2024-09-30 14:43:36 +08:00
that.incomeIndexSelect = true
2024-09-21 11:02:39 +08:00
}
})
that.industry = data.industry
that.industry_sub = data.industry_sub
let one = ''
let two = ''
that.Business.forEach((ele, index) => {
if (ele.title == that.industry) {
one = index
that.objectMultiArray = [that.objectMultiArray[0], that.Business[one].items]
ele.items.forEach((eles, indexs) => {
if (eles == that.industry_sub) {
two = indexs
}
})
}
})
that.multiIndex2 = [one, two]
})
},
ensureData(data) { // 保存
this.$put({url: `${service.host}/user/base/profile`, data}).then(({code, data}) => {
console.log('参数保存成功!')
2024-09-29 19:32:43 +08:00
wx.navigateBack({
delta: 1
})
2024-09-21 11:02:39 +08:00
})
},
multiCity(country, province, city) {
let multiIndex = [0, 0, 0]
try {
this.provinces.forEach((item, index) => {
if (item.name == '中国') {
multiIndex = [index, 0, 0]
this.$refs.selectCity.MultiPickerColumnChange({$wx: {detail: {
value: index,
column: 0
}}})
item.son.forEach((res, indexA) => {
if (res.name == province) {
this.$refs.selectCity.MultiPickerColumnChange({$wx: {detail: {
value: indexA,
column: 1
}}})
multiIndex = [multiIndex[0], indexA, 0]
res.son.forEach((data, indexB) => {
if (data.name == city) {
this.$refs.selectCity.MultiPickerColumnChange({$wx: {detail: {
value: indexB,
column: 2
}}})
multiIndex = [multiIndex[0], multiIndex[1], indexB]
}
})
}
})
}
})
this.multiIndex = multiIndex
} catch (e) {}
},
multiCity1(country, province, city, type) {
let multiIndex = [0, 0, 0]
try {
this.provinces.forEach((item, index) => {
if (item.name == '中国') {
multiIndex = [index, 0, 0]
this.$refs.selectCityV1.MultiPickerColumnChange({$wx: {detail: {
value: index,
column: 0
}}})
item.son.forEach((res, indexA) => {
if (res.name == province) {
this.$refs.selectCityV1.MultiPickerColumnChange({$wx: {detail: {
value: indexA,
column: 1
}}})
multiIndex = [multiIndex[0], indexA, 0]
res.son.forEach((data, indexB) => {
if (data.name == city) {
this.$refs.selectCityV1.MultiPickerColumnChange({$wx: {detail: {
value: indexB,
column: 2
}}})
multiIndex = [multiIndex[0], multiIndex[1], indexB]
}
})
}
})
}
})
this.multiIndexA = multiIndex
console.log(this.multiIndexA, 'this.multiIndexA =')
} catch (e) {}
},
ensure() { // 检索参数
let vm = this
if (vm.name == '') {
return vm.$showToast('昵称不能为空')
}
if (vm.name.includes('福恋')) {
return vm.$showToast('请勿输入带“福恋”关键字的昵称!')
}
let data = {
nickname: vm.name,
birthday: vm.birthday,
stature: vm.stature - 0,
weight: vm.weight - 0,
post: vm.post,
// wechat_id: vm.wechat_id,
graduate_school: vm.graduate_school,
state: vm.state,
country: vm.region[0],
province: vm.region[1],
city: vm.region[2],
resident_province: vm.region_id[1],
resident_city: vm.region_id[2],
degree: vm.degree[vm.degreeIndex],
industry: !vm.show ? vm.objectMultiArray[0][vm.multiIndex2[0]] : vm.industry,
industry_sub: !vm.show ? vm.objectMultiArray[1][vm.multiIndex2[1]] : vm.industry_sub,
belief: vm.belief[vm.beliefIndex],
marry_by_time: vm.marriage[vm.marriageIndex],
income: vm.incomeList[vm.incomeIndex]
}
if (vm.sexIndex > -1) {
data.sex = vm.sexIndex == 0 ? 1 : 2
}
console.log(data)
this.ensureData(data)
},
bindMultiPickerChange2(e) {
console.log(e)
console.log('picker发送选择改变携带值为', e.$wx.detail.value)
try {
this.multiIndex2 = e.$wx.detail.value
this.industry = this.objectMultiArray[0][e.$wx.detail.value[0]]
this.industry_sub = this.objectMultiArray[1][e.$wx.detail.value[1]]
if (this.objectMultiArray[0][e.$wx.detail.value[0]] == '其他行业') {
this.otherOccupation = ''
this.modalName = 'Other'
}
} catch (e) {}
},
cancel() {
this.modalName = ''
},
changeOccupation() {
this.modalName = ''
this.industry_sub = this.otherOccupation
},
bindMultiPickerColumnChange2(e) {
console.log(e, '1988__________')
let that = this
that.show = false
switch (e.$wx.detail.column) {
case 0:
for (let i = 0; i < that.Business.length; i++) {
if (e.$wx.detail.value === i) {
that.objectMultiArray = [that.objectMultiArray[0], that.Business[i].items]
}
}
that.multiIndex2 = [e.$wx.detail.value, 0]
break
}
},
typing(type, e) {
let {value} = e.$wx.detail
let vm = this
if (type == 'name' && value.includes('福恋')) {
vm.$showToast('请勿输入带“福恋”关键字的昵称!')
}
this[type] = e.$wx.detail.value
},
sexChange(e) { // 性别
this.sexIndex = e.$wx.detail.value
2024-09-30 14:43:36 +08:00
this.sexIndexSelect = true
2024-09-21 11:02:39 +08:00
console.log(this.sexIndex)
},
statureChange(e) { // 身高
this.statureIndex = e.$wx.detail.value
2024-09-30 14:43:36 +08:00
this.statureIndexSelect = true
2024-09-21 11:02:39 +08:00
this.stature = this.statureList[this.statureIndex].split('cm')[0]
console.log(this.stature)
},
weightChange(e) { // 体重
this.weightIndex = e.$wx.detail.value
2024-09-30 14:43:36 +08:00
this.weightIndexSelect = true
2024-09-21 11:02:39 +08:00
this.weight = this.weightList[this.weightIndex].split('kg')[0]
console.log(this.weight)
},
beliefChange(e) {
this.beliefIndex = e.$wx.detail.value
2024-09-30 14:43:36 +08:00
this.beliefIndexSelect = true
2024-09-21 11:02:39 +08:00
},
marriageChange(e) {
this.marriageIndex = e.$wx.detail.value
2024-09-30 14:43:36 +08:00
this.marriageIndexSelect = true
2024-09-21 11:02:39 +08:00
},
incomeChange(e) { // 年收入
this.incomeIndex = e.$wx.detail.value
2024-09-30 14:43:36 +08:00
this.incomeIndexSelect = true
2024-09-21 11:02:39 +08:00
},
bindTips(text) {
this.$showToast(text)
},
selectCity(e, index) {
if (index == 0) {
this.region = e
} else {
this.region_id = e
}
},
getProvinces (value) {
this.provinces = value
}
}
})
</script>
<style lang="less">
page{
background: #F5F5F5;
}
.unmarrContainer{
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
.mainBtn{
width: 100vw;
height: 240rpx;
position: relative;
z-index: 1000;
position: fixed;
bottom: 0;
.blurBox {
position: absolute;
top: 0;
left: 0;
background: white;
filter: blur(10px) contrast(1.2);
width: 100%;
height: 100%;
}
.btn-box{
width: 520rpx;
height: 80rpx;
background: linear-gradient(270deg, #FF85A5 0%, #FF5380 100%);
border-radius: 100rpx;
}
}
.active {
border: 1rpx solid color-theme
}
.display_inlin {
display: inline-block
}
.flo_l{float: left}
.userinfo{
width: 100%;
font-size: 26rpx;
font-weight: bold;
box-shadow: 1rpx 1rpx 10rpx #d6d6d6;
position: fixed;
left: 0;
top:0;
background: white;
z-index: 10;
}
.violet{color: #B22DC3}
.font_12 {
font-size: 22 rpx
}
.orderdata{
width: 100%;
padding:30rpx 30rpx 160rpx;
}
.weui-cell{
padding: 12rpx 0;
}
.Inp{
text-align: right;
width: 72%;height: 72rpx;
float: right;
margin-top: 6rpx;
font-weight: 200;
}
.text{
float: right;
/*margin-right: 82rpx;*/
font-family: PingFangSC-Regular, PingFang SC;
}
.next{
height: 120rpx;
/*border-top: 1rpx solid #d9d9d9 ;*/
border-bottom: 1rpx solid #d9d9d9 ;
z-index: 10;
width: 100%;
background: white;
padding-bottom: 12rpx;
/*box-shadow: 5rpx 5rpx 12rpx #c2571f;*/
}
.InputFocus{
color: color-theme;
}
.active_user{
width: 100rpx;
height: 100rpx;
box-shadow: 1rpx 1rpx 12rpx #dedede;
margin:10rpx 16rpx 10rpx 36rpx;
border: 4rpx solid white;
}
.getinfo{
margin-top: 66rpx;
color: #ff9832;
border: 1rpx solid #ff9832;
padding: 2rpx 4rpx;
border-radius: 6rpx;
box-shadow: 1rpx 1rpx 12rpx #dbdbdb;
line-height: inherit;
}
.mainTitle{
padding: 0 0 20rpx 40rpx;
}
.userPhoto{
padding: 22rpx;
image{
width: 160rpx;
height: 160rpx;
margin: 0 16rpx 12rpx 0;
}
}
.list{
height: 86rpx;
line-height: 86rpx;
font-size: 28rpx;
margin: 0 32rpx;
border-bottom: 2rpx solid #f4f5f9;
overflow: hidden;
.icon{
width: 32rpx;
height: 32rpx;
vertical-align: middle;
margin-bottom: 1vw;
}
}
.m_bas {
.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;
}
}
}
}
.m_section {
.u_section {
.m_secLst {
height: 80rpx;
.u_name_inp {
height: 100%;
text-align: right;
flex: 1;
font-size: 28rpx;
color: #333333;
}
.cuIcon-right {
margin-left: 16rpx;
}
}
}
}
.m_section,
.m_bas {
background-color: white;
border-radius: 32rpx;
padding: 20rpx 40rpx;
margin-bottom: 60rpx;
.tips_icon {
width: 28rpx;
height: 28rpx;
margin-left: 8rpx;
}
}
.bg-imgs {
height: 100rpx;
display: flex;
justify-content: center;
align-items: center;
background: #ffffff;
font-size: 32rpx;
color: #333333;
font-weight: 500;
}
.u_name_inp_V2 {
height: 80rpx;
text-align: center;
flex: 1;
font-size: 28rpx;
color: #333333;
}
</style>
<config>
{
navigationBarTitleText: '编辑资料',
enablePullDownRefresh: false,
backgroundColorTop: '#f2f2f2',
backgroundColorBottom: '#f2f2f2',
usingComponents: {
uploadPic: '~@/components/uploadPic',
selectCity: '~@/components/selectCity',
selectCity1: '~@/components/selectCity',
}
}
</config>