zhapp/pages/set/set.vue

<template>
	<view class="page">
		<uni-Cell :celllist="celllist" :leftStyle="{fontSize:'30rpx'}">
			<template #customContent="{ item }">
				<view v-if="item.title=='第三方账号'" class=" customContent dis a-c">
					<image class="mr-1" src="/static/icon/my/weChat.png" mode=""></image>
					<image src="/static/icon/my/alipay.png" mode=""></image>
				</view>
				<view class="" v-if="item.title=='实名认证'">
					<view class="authtag">
						未认证
					</view>
				</view>
			</template>
		</uni-Cell>
		<uni-Cell :celllist="celllist1" class="mt-2" :leftStyle="{fontSize:'30rpx'}">
			<template #customContent="{ item }">
				<view v-if="item.title=='新版本'" class="dis a-c">
					<view class="newtag">
						New
					</view>
					<text style="font-size: 28rpx;color: #666;">version</text>
				</view>
			</template>
		</uni-Cell>
		<view class="logout dis a-c j-c" @click="logout">
			<text>退出</text>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from "vuex"
	export default {
		data() {
			return {
				celllist: [{
						title: "账号与安全",
						useSlot: false, //是否插槽，
						url: "/pages/set/accountSet",
						clickType: 'navigate',
					},
					{
						title: "实名认证",
						useSlot: true,
						url: "/pages/quote/quoteInfo",
						clickType: 'auth',

					}, {
						title: "第三方账号",
						useSlot: true,
						url: "/pages/set/linkedAccountSet",
						clickType: 'navigate',
					}
				],
				celllist1: [{
						title: "用户协议",
						useSlot: false, //是否插槽，
						url: "/pages/set/set",
						clickType: 'navigate',
					},
					{
						title: "隐私政策",
						useSlot: true,
						url: "/pages/quote/quoteInfo",
						clickType: 'navigate',

					}, {
						title: "清除缓存",
						useSlot: false,
						clickType: 'clear',
					}
				],
			}
		},
		onShow() {

		},
		onLoad() {

		},
		computed: {},
		methods: {
			...mapMutations(['emptyUserInfo']),
			logout() {
				this.emptyUserInfo();
				setTimeout(() => {
					uni.reLaunch({
						url: "/pages/login/login"
					})
				}, 1500);
			},
		}
	}
</script>

<style lang="scss" scoped>
	.page {
		background-color: #F8F8F8;
		height: 100vh;
	}

	.customContent {
		image {
			width: 46rpx;
			height: 46rpx;
		}
	}

	.authtag {
		padding: 2rpx 8rpx;
		box-sizing: border-box;
		background: linear-gradient(270deg, #FDE935 0%, #F1FF91 100%);
		border-radius: 4rpx 4rpx 4rpx 4rpx;
		font-size: 22rpx;
		color: #333;
	}

	.logout {
		width: 90%;
		height: 88rpx;
		margin: 80rpx auto 0;
		background: rgba(253, 233, 53, 0.2);
		border-radius: 45rpx 45rpx 45rpx 45rpx;
		border: 1rpx solid #FDE935;
		font-size: 36rpx;
		color: #1F1F1F;
	}
</style>