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.
155 lines
3.4 KiB
155 lines
3.4 KiB
<template>
|
|
<view class="lf-w-100 lf-h-100">
|
|
<view class="tag-list">
|
|
<view class="switch-tag">
|
|
<view class="lf-flex-column">
|
|
<view class="lf-font-32 lf-color-222">
|
|
实名联系我
|
|
</view>
|
|
<view class="lf-font-26 lf-color-777 lf-m-t-10">
|
|
已实名用户才能联系你
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<u-switch slot="right" v-model="switchVal"></u-switch>
|
|
</view>
|
|
</view>
|
|
<view class="switch-tag">
|
|
<view class="lf-flex-column">
|
|
<view class="lf-font-32 lf-color-222">
|
|
资料显示
|
|
</view>
|
|
<view class="lf-font-26 lf-color-777 lf-m-t-10">
|
|
其他人可看你的资料，关闭资料请联系客服
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<u-switch slot="right" v-model="switchVal1"></u-switch>
|
|
</view>
|
|
</view>
|
|
<view class="switch-tag">
|
|
<view class="lf-flex-column">
|
|
<view class="lf-font-32 lf-color-222">
|
|
动态同步
|
|
</view>
|
|
<view class="lf-font-26 lf-color-777 lf-m-t-10">
|
|
其他人可看你的资料，关闭资料请联系客服
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<u-switch slot="right" v-model="switchVal2"></u-switch>
|
|
</view>
|
|
</view>
|
|
<view class="switch-tag">
|
|
<view class="lf-flex-column">
|
|
<view class="lf-font-32 lf-color-222">
|
|
联系通知
|
|
</view>
|
|
<view class="lf-font-26 lf-color-777 lf-m-t-10">
|
|
其他人可看你的资料，关闭资料请联系客服
|
|
</view>
|
|
</view>
|
|
<view>
|
|
<u-switch slot="right" v-model="switchVal3"></u-switch>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="flr-setting"></view>
|
|
<view class="setting-list">
|
|
<view class="setting-tag">
|
|
<view class="lf-color-222 lf-font-32">
|
|
服务协议与隐私条款
|
|
</view>
|
|
<view>
|
|
<u-icon name="arrow-right lf-color-777"></u-icon>
|
|
</view>
|
|
</view>
|
|
<view class="setting-tag">
|
|
<view class="lf-color-222 lf-font-32">
|
|
关于我们
|
|
</view>
|
|
<view>
|
|
<u-icon name="arrow-right lf-color-777"></u-icon>
|
|
</view>
|
|
</view>
|
|
<view class="setting-tag">
|
|
<view class="lf-color-222 lf-font-32">
|
|
退出登录
|
|
</view>
|
|
<view>
|
|
<u-icon name="arrow-right lf-color-777"></u-icon>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
switchVal: false,
|
|
switchVal1: false,
|
|
switchVal2: false,
|
|
switchVal3: false,
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
page {
|
|
background-color: #F5F5F5;
|
|
}
|
|
.flr-setting {
|
|
width: 100%;
|
|
height: 20rpx;
|
|
background: #F5F5F5;
|
|
}
|
|
.switch-tag:first-child {
|
|
border-top: 1rpx solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.switch-tag:last-child::after {
|
|
border:none;
|
|
}
|
|
.switch-tag {
|
|
width: 100%;
|
|
background-color: white;
|
|
height: 152rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 31rpx 32rpx;
|
|
position: relative;
|
|
/* border-bottom: 1rpx solid rgba(0, 0, 0, 0.1); */
|
|
}
|
|
.switch-tag::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 686rpx;
|
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.setting-tag{
|
|
height: 105rpx;
|
|
width: 100%;
|
|
background-color: white;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: 30rpx 32rpx;
|
|
align-items: center;
|
|
position: relative;
|
|
}
|
|
|
|
.setting-tag::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 686rpx;
|
|
border-bottom: 1rpx solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.setting-tag:last-child::after {
|
|
border:none;
|
|
}
|
|
</style>
|