You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
105 lines
2.1 KiB
105 lines
2.1 KiB
3 months ago
|
<template>
|
||
|
|
<!-- 个人资料 -->
|
||
|
|
<view>
|
||
|
|
<form @submit="formSubmit">
|
||
|
|
<view class="personal-data" :style="colorStyle">
|
||
|
|
<view class="list rd-24rpx mx-20">
|
||
|
|
<view class="item acea-row row-between-wrapper">
|
||
|
|
<view>用户协议</view>
|
||
|
|
<navigator url="/pages/users/privacy/index?type=user" hover-class="none" class="input grab">
|
||
|
|
<text class="iconfont icon-ic_rightarrow"></text>
|
||
|
|
</navigator>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="item acea-row row-between-wrapper">
|
||
|
|
<view>隐私协议</view>
|
||
|
|
<navigator url="/pages/users/privacy/index?type=privacy" hover-class="none" class="input grab">
|
||
|
|
<text class="iconfont icon-ic_rightarrow"></text>
|
||
|
|
</navigator>
|
||
|
|
</view>
|
||
|
|
<view class="item acea-row row-between-wrapper">
|
||
|
|
<view>注销协议</view>
|
||
|
|
<navigator url="/pages/users/privacy/index?type=cancel" hover-class="none" class="input grab">
|
||
|
|
<text class="iconfont icon-ic_rightarrow"></text>
|
||
|
|
</navigator>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</form>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import colors from '@/mixins/color.js';
|
||
|
|
export default {
|
||
|
|
components: {},
|
||
|
|
mixins: [colors],
|
||
|
|
data() {
|
||
|
|
return {};
|
||
|
|
},
|
||
|
|
watch: {
|
||
|
|
isLogin: {
|
||
|
|
handler: function (newV, oldV) {
|
||
|
|
if (newV) {
|
||
|
|
// #ifndef MP
|
||
|
|
this.getUserInfo();
|
||
|
|
// #endif
|
||
|
|
}
|
||
|
|
},
|
||
|
|
deep: true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onLoad() {},
|
||
|
|
onShow() {},
|
||
|
|
methods: {}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped lang="scss">
|
||
|
|
.personal-data {
|
||
|
|
padding-bottom: 50rpx;
|
||
|
|
}
|
||
|
|
.dater {
|
||
|
|
width: 400rpx;
|
||
|
|
}
|
||
|
|
.grab {
|
||
|
|
color: #ccc !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.personal-data .wrapper {
|
||
|
|
margin: 10rpx 0;
|
||
|
|
background-color: #fff;
|
||
|
|
padding: 36rpx 30rpx 13rpx 30rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.personal-data .wrapper .title {
|
||
|
|
margin-bottom: 30rpx;
|
||
|
|
font-size: 32rpx;
|
||
|
|
color: #282828;
|
||
|
|
}
|
||
|
|
|
||
|
|
.personal-data .list {
|
||
|
|
margin-top: 15rpx;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
|
||
|
|
.personal-data .list .item {
|
||
|
|
padding: 32rpx 20rpx 24rpx 0;
|
||
|
|
margin-left: 30rpx;
|
||
|
|
font-size: 30rpx;
|
||
|
|
color: #282828;
|
||
|
|
.label {
|
||
|
|
margin-right: 30rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.personal-data .list .item .input .id {
|
||
|
|
width: 414rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.personal-data .list .item .input .iconfont {
|
||
|
|
font-size: 35rpx;
|
||
|
|
color: #868686;
|
||
|
|
}
|
||
|
|
</style>
|