详情小程序
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

<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>