|
|
@@ -1,8 +1,155 @@
|
|
|
<template>
|
|
|
<div class="setting">
|
|
|
- <div class="tabs">编辑资料</div>
|
|
|
-
|
|
|
- <van-cell-group :border="false">
|
|
|
+ <div class="setting_top">
|
|
|
+ <div class="setting_top_left" @click="$router.go(-1)">
|
|
|
+ <img :src="require('@assets/icon_fanhui@3x.png')" alt="" class="setting_top_left_img" />
|
|
|
+ </div>
|
|
|
+ <van-image
|
|
|
+ width="100%"
|
|
|
+ height="52vw"
|
|
|
+ :src="userInfo.bg ? userInfo.bg : require('@assets/creatorBg.png')"
|
|
|
+ loading-icon=""
|
|
|
+ fit="cover"
|
|
|
+ class="top-img"
|
|
|
+ />
|
|
|
+ <div class="setting_top_right">
|
|
|
+ <img :src="require('@assets/icon_touxiang@3x.png')" alt="" class="setting_top_right_img" />
|
|
|
+ <div>更换背景</div>
|
|
|
+ <van-uploader class="avatar" :after-read="afterRead2" result-type="file" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="setting_list">
|
|
|
+ <div class="setting_listOne">
|
|
|
+ <div class="setting_listOne_top">
|
|
|
+ <van-image
|
|
|
+ radius="50%"
|
|
|
+ width="100"
|
|
|
+ height="100"
|
|
|
+ :src="userInfo.avatar || require('@assets/svgs/img_default_photo.svg')"
|
|
|
+ fit="cover"
|
|
|
+ class="setting_listOne_imgTwo"
|
|
|
+ />
|
|
|
+ <div class="setting_listOne_top_con">
|
|
|
+ <img
|
|
|
+ :src="require('@assets/icon_touxiang@3x (1).png')"
|
|
|
+ alt=""
|
|
|
+ class="setting_listOne_top_con_img"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <van-uploader class="avatar" :after-read="afterRead" result-type="file" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_listOne_text2">
|
|
|
+ <span>ID:{{ userInfo.id }}</span>
|
|
|
+ <img @click="copy" src="@assets/svgs/copy_icon.svg" alt="" style="margin-left: 2px" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="$router.push('/changeText?type=nickname')">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/fenxiang-icon@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field
|
|
|
+ label="昵称"
|
|
|
+ :model-value="info.nickname || userInfo.nickname"
|
|
|
+ placeholder="你的昵称"
|
|
|
+ readonly
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="$router.push('/changeText?type=intro')">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-jianjie@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field
|
|
|
+ label="简介"
|
|
|
+ :model-value="info.autograph"
|
|
|
+ placeholder="有趣的介绍可以吸引更多粉丝"
|
|
|
+ readonly
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" v-if="authStatus !== '已认证'" @click="goAuth">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-renzheng@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="实名认证" model-value="未认证" placeholder="" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" v-else>
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-renzheng@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="实名认证" model-value="个人已认证" placeholder="" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="setting_listTwo">
|
|
|
+ <div class="setting_list_con" @click="choice((title = 'gender'))">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-xingbie@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="性别" :model-value="info.sex" placeholder="选择你的性别" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="showTime = true">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-shengri@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="生日" :model-value="info.birthday" placeholder="选择你的生日" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="choice((title = 'blood'))">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-xuexing@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="血型" :model-value="info.blood" placeholder="选择你的血型" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="choice((title = 'constellation'))">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-xingzuo@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="星座" :model-value="info.constellation" placeholder="选择你的星座" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="shows = true">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-diqu@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="地区" :model-value="info.home" placeholder="选择你所在的地区" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="$router.push('/changeText?type=school')">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-xuexiao@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="学校" :model-value="info.school" placeholder="你的学校" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="setting_listThree">
|
|
|
+ <div class="setting_list_con" @click="$router.push('/changeText?type=occupation')">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-zhiye@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="职业" :model-value="info.occupation" placeholder="你的职业" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="$router.push('/changeText?type=company')">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-gongsi@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="公司" :model-value="info.company" placeholder="你的公司" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ <div class="setting_list_con" @click="$router.push('/changeText?type=mailbox')">
|
|
|
+ <div class="setting_list_con_left">
|
|
|
+ <img :src="require('@assets/icon-youxiang@3x.png')" alt="" class="setting_list_con_left_img" />
|
|
|
+ <van-field label="邮箱" :model-value="info.mail" placeholder="你的邮箱" readonly />
|
|
|
+ </div>
|
|
|
+ <img :src="require('@assets/icon_inter@3x.png')" alt="" class="setting_list_con_right" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- <van-cell-group :border="false">
|
|
|
<van-cell title="头像" is-link>
|
|
|
<template #value>
|
|
|
<van-image
|
|
|
@@ -47,6 +194,13 @@
|
|
|
<van-cell class="not" v-if="showConsole" title="测试app" is-link @click="goTest" />
|
|
|
</van-cell-group>
|
|
|
|
|
|
+ <van-action-sheet
|
|
|
+ v-model:show="show"
|
|
|
+ :actions="actions"
|
|
|
+ cancel-text="取消"
|
|
|
+ close-on-click-action
|
|
|
+ @select="chooseSex"
|
|
|
+ /> -->
|
|
|
<van-action-sheet
|
|
|
v-model:show="show"
|
|
|
:actions="actions"
|
|
|
@@ -54,11 +208,26 @@
|
|
|
close-on-click-action
|
|
|
@select="chooseSex"
|
|
|
/>
|
|
|
+ <van-popup v-model:show="shows" position="bottom" :style="{ height: '30%' }">
|
|
|
+ <van-area :area-list="areaList" @cancel="cancel" @confirm="confirm" />
|
|
|
+ </van-popup>
|
|
|
+ <van-popup v-model:show="showTime" position="bottom" :style="{ height: '30%' }">
|
|
|
+ <van-datetime-picker
|
|
|
+ v-model="currentDate"
|
|
|
+ type="date"
|
|
|
+ title="选择年月日"
|
|
|
+ :min-date="minDate"
|
|
|
+ :max-date="maxDate"
|
|
|
+ @cancel="cancelTime"
|
|
|
+ @confirm="confirmTime"
|
|
|
+ />
|
|
|
+ </van-popup>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import { mapState } from 'vuex';
|
|
|
+import { areaList } from '@vant/area-data';
|
|
|
import { ref } from 'vue';
|
|
|
import eruda from 'eruda';
|
|
|
export default {
|
|
|
@@ -67,24 +236,154 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- showTest: false
|
|
|
+ showTest: false,
|
|
|
+ region: '',
|
|
|
+ info: {},
|
|
|
+ title: ''
|
|
|
};
|
|
|
},
|
|
|
setup() {
|
|
|
//性别
|
|
|
const show = ref(false);
|
|
|
- const actions = [{ name: '男' }, { name: '女' }];
|
|
|
-
|
|
|
+ const actions = [];
|
|
|
+ const shows = ref(false);
|
|
|
+ const showTime = ref(false);
|
|
|
+ const currentDate = ref(new Date(2021, 0, 1));
|
|
|
return {
|
|
|
show,
|
|
|
+ shows,
|
|
|
+ showTime,
|
|
|
actions,
|
|
|
clickNum: 0,
|
|
|
- timeout: null
|
|
|
+ timeout: null,
|
|
|
+ areaList,
|
|
|
+ minDate: new Date(1970, 0, 1),
|
|
|
+ maxDate: new Date(2025, 10, 1),
|
|
|
+ currentDate
|
|
|
};
|
|
|
},
|
|
|
+ mounted() {
|
|
|
+ this.getInformation();
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ getInformation() {
|
|
|
+ this.$http.get('/userDetail/get/' + this.userInfo.id).then(res => {
|
|
|
+ this.info = res;
|
|
|
+ });
|
|
|
+ },
|
|
|
+ goAuth() {
|
|
|
+ if (this.authStatus === '认证中' || this.authStatus === '认证失败') {
|
|
|
+ this.$router.push('/waiting');
|
|
|
+ } else if (this.authStatus === '未认证') {
|
|
|
+ if (this.faceAuth) {
|
|
|
+ this.$router.push('/faceAuth');
|
|
|
+ } else {
|
|
|
+ this.$router.push('/verified');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ choice(title) {
|
|
|
+ this.title = title;
|
|
|
+ this.show = true;
|
|
|
+ if (title == 'gender') {
|
|
|
+ this.actions = [{ name: '男' }, { name: '女' }];
|
|
|
+ } else if (title == 'blood') {
|
|
|
+ this.actions = [{ name: 'A' }, { name: 'B' }, { name: 'O' }, { name: 'AB' }, { name: 'RH' }];
|
|
|
+ } else if (title == 'constellation') {
|
|
|
+ this.actions = [
|
|
|
+ { name: '白羊座' },
|
|
|
+ { name: '金牛座' },
|
|
|
+ { name: '双子座' },
|
|
|
+ { name: '巨蟹座' },
|
|
|
+ { name: '狮子座' },
|
|
|
+ { name: '处女座' },
|
|
|
+ { name: '天秤座' },
|
|
|
+ { name: '天蝎座' },
|
|
|
+ { name: '射手座' },
|
|
|
+ { name: '摩羯座' },
|
|
|
+ { name: '水瓶座' },
|
|
|
+ { name: '双鱼座' }
|
|
|
+ ];
|
|
|
+ }
|
|
|
+ },
|
|
|
+ copy() {
|
|
|
+ this.$copyText(this.userInfo.id).then(
|
|
|
+ e => {
|
|
|
+ this.$toast.success('复制成功');
|
|
|
+ console.log(e);
|
|
|
+ },
|
|
|
+ e => {
|
|
|
+ this.$toast('复制失败');
|
|
|
+ console.log(e);
|
|
|
+ }
|
|
|
+ );
|
|
|
+ },
|
|
|
+ cancel() {
|
|
|
+ this.shows = false;
|
|
|
+ },
|
|
|
+ confirm(ConfirmResult) {
|
|
|
+ this.shows = false;
|
|
|
+ if (ConfirmResult[0].name === '北京市') {
|
|
|
+ this.region = ConfirmResult[1].name + ConfirmResult[2].name;
|
|
|
+ } else if (ConfirmResult[0].name === '天津市') {
|
|
|
+ this.region = ConfirmResult[1].name + ConfirmResult[2].name;
|
|
|
+ } else if (ConfirmResult[0].name === '上海市') {
|
|
|
+ this.region = ConfirmResult[1].name + ConfirmResult[2].name;
|
|
|
+ } else if (ConfirmResult[1].name === '重庆市') {
|
|
|
+ this.region = ConfirmResult[1].name + ConfirmResult[2].name;
|
|
|
+ } else if (ConfirmResult[1].name === '县') {
|
|
|
+ this.region = ConfirmResult[0].name + ConfirmResult[2].name;
|
|
|
+ } else {
|
|
|
+ this.region = ConfirmResult[0].name + ConfirmResult[1].name + ConfirmResult[2].name;
|
|
|
+ }
|
|
|
+ let data = {
|
|
|
+ userId: this.userInfo.id,
|
|
|
+ home: this.region
|
|
|
+ };
|
|
|
+ this.$http.post('/userDetail/save', data, { body: 'json' }).then(() => {
|
|
|
+ this.$toast.success('更新成功');
|
|
|
+ this.getInformation();
|
|
|
+ });
|
|
|
+ },
|
|
|
+ cancelTime() {
|
|
|
+ this.showTime = false;
|
|
|
+ },
|
|
|
+ confirmTime() {
|
|
|
+ this.showTime = false;
|
|
|
+ this.currentDate = this.dayjs(this.currentDate).format('YYYY.MM.DD');
|
|
|
+ let data = {
|
|
|
+ userId: this.userInfo.id,
|
|
|
+ birthday: this.currentDate
|
|
|
+ };
|
|
|
+ this.$http.post('/userDetail/save', data, { body: 'json' }).then(() => {
|
|
|
+ this.$toast.success('更新成功');
|
|
|
+ this.getInformation();
|
|
|
+ });
|
|
|
+ },
|
|
|
chooseSex(val) {
|
|
|
- this.updateUser({ sex: val.name });
|
|
|
+ let data = {
|
|
|
+ userId: this.userInfo.id
|
|
|
+ };
|
|
|
+ if (this.title == 'gender') {
|
|
|
+ data = {
|
|
|
+ ...data,
|
|
|
+ sex: val.name
|
|
|
+ };
|
|
|
+ } else if (this.title == 'blood') {
|
|
|
+ data = {
|
|
|
+ ...data,
|
|
|
+ blood: val.name
|
|
|
+ };
|
|
|
+ } else if (this.title == 'constellation') {
|
|
|
+ data = {
|
|
|
+ ...data,
|
|
|
+ constellation: val.name
|
|
|
+ };
|
|
|
+ }
|
|
|
+ this.$http.post('/userDetail/save', data, { body: 'json' }).then(() => {
|
|
|
+ this.$toast.success('更新成功');
|
|
|
+ this.getInformation();
|
|
|
+ });
|
|
|
},
|
|
|
afterRead(e) {
|
|
|
this.$toast.loading({
|
|
|
@@ -92,6 +391,15 @@ export default {
|
|
|
forbidClick: true
|
|
|
});
|
|
|
this.updateFile(e, 'avatar', 300).then(img => {
|
|
|
+ let data = {
|
|
|
+ userId: this.userInfo.id,
|
|
|
+ pic: img
|
|
|
+ };
|
|
|
+ this.$http.post('/userDetail/save', data, { body: 'json' }).then(() => {
|
|
|
+ this.$toast.clear();
|
|
|
+ this.$toast.success('更新成功');
|
|
|
+ this.getInformation();
|
|
|
+ });
|
|
|
this.updateUser({ avatar: img, useCollectionPic: false }).then(res => {
|
|
|
this.$toast.clear();
|
|
|
});
|
|
|
@@ -103,6 +411,15 @@ export default {
|
|
|
forbidClick: true
|
|
|
});
|
|
|
this.updateFile(e, 'bg', 1200).then(img => {
|
|
|
+ let data = {
|
|
|
+ userId: this.userInfo.id,
|
|
|
+ bgpic: img
|
|
|
+ };
|
|
|
+ this.$http.post('/userDetail/save', data, { body: 'json' }).then(() => {
|
|
|
+ this.$toast.clear();
|
|
|
+ this.$toast.success('更新成功');
|
|
|
+ this.getInformation();
|
|
|
+ });
|
|
|
this.updateUser({ bg: img }).then(res => {
|
|
|
this.$toast.clear();
|
|
|
});
|
|
|
@@ -138,9 +455,143 @@ export default {
|
|
|
|
|
|
<style lang="less" scoped>
|
|
|
.setting {
|
|
|
- padding: 10px 0 100px;
|
|
|
+ // padding: 10px 0 100px;
|
|
|
+ background: #272b2e;
|
|
|
+ padding-bottom: 100px;
|
|
|
+ .setting_top {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .setting_top_left {
|
|
|
+ position: absolute;
|
|
|
+ left: 16px;
|
|
|
+ top: 20px;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ background: rgba(255, 255, 255, 0.1);
|
|
|
+ z-index: 99;
|
|
|
+ border-radius: 50%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ .setting_top_left_img {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .setting_top_right {
|
|
|
+ width: 88px;
|
|
|
+ height: 32px;
|
|
|
+ background: rgba(255, 255, 255, 0.1);
|
|
|
+ border-radius: 16px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-left: 10px;
|
|
|
+ padding-right: 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ right: 16px;
|
|
|
+ top: 20px;
|
|
|
+ z-index: 99;
|
|
|
+ font-size: 12px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ .setting_top_right_img {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .setting_list {
|
|
|
+ padding: 0px 16px;
|
|
|
+ .setting_list_con {
|
|
|
+ width: 100%;
|
|
|
+ height: 52px;
|
|
|
+ background: #373b3e;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 15px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #c3c4c5;
|
|
|
+ line-height: 24px;
|
|
|
+ .setting_list_con_left {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .setting_list_con_left_img {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-right: 6px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .setting_list_con_right {
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .setting_listOne {
|
|
|
+ background: #373b3e;
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 0px 12px 10px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ flex-direction: column;
|
|
|
+ transform: translateY(-40px);
|
|
|
+ .setting_listOne_top {
|
|
|
+ position: relative;
|
|
|
+ border-radius: 50%;
|
|
|
+ overflow: hidden;
|
|
|
+ transform: translateY(-60px);
|
|
|
+ .setting_listOne_imgTwo {
|
|
|
+ vertical-align: bottom;
|
|
|
+ }
|
|
|
+ .setting_listOne_top_con {
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 100px;
|
|
|
+ height: 24px;
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ .setting_listOne_top_con_img {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .setting_listOne_text2 {
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: PingFangSC-Regular, PingFang SC;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #939599;
|
|
|
+ line-height: 24px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ margin-top: 6px;
|
|
|
+ margin-top: -50px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .setting_listTwo {
|
|
|
+ margin-top: -28px;
|
|
|
+ background: #373b3e;
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 10px 12px;
|
|
|
+ }
|
|
|
+ .setting_listThree {
|
|
|
+ background: #373b3e;
|
|
|
+ border-radius: 12px;
|
|
|
+ padding: 10px 12px;
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+/deep/ .van-field__control {
|
|
|
+ font-weight: 500;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 24px;
|
|
|
}
|
|
|
-
|
|
|
.tabs {
|
|
|
font-size: 20px;
|
|
|
font-weight: bold;
|
|
|
@@ -159,8 +610,11 @@ export default {
|
|
|
|
|
|
/deep/ .van-cell {
|
|
|
align-items: center;
|
|
|
- height: 70px;
|
|
|
position: relative;
|
|
|
+ padding: 0px !important;
|
|
|
+ .van-field__label {
|
|
|
+ margin-right: -10px !important;
|
|
|
+ }
|
|
|
.van-cell__title {
|
|
|
span {
|
|
|
font-weight: bold;
|
|
|
@@ -169,6 +623,10 @@ export default {
|
|
|
}
|
|
|
|
|
|
.van-cell__value {
|
|
|
+ width: calc(100vw - 200px);
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
span {
|
|
|
font-size: 16px;
|
|
|
color: @text0;
|
