zhapp/pages/set/linkedAccountSet.vue

<template>
	<view class="page">
		<uni-Cell :celllist="celllist" :leftStyle="{fontSize:'30rpx'}">
			<template #customContent="{ item }">
				<view class="" v-if="item.title=='微信'">
					<view class="authtag">
						未绑定
					</view>
				</view>
				<view class="" v-if="item.title=='支付宝'">
					<text>立即解绑</text>
				</view>
			</template>
		</uni-Cell>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				celllist: [{
						title: "微信",
						useSlot: true, //是否插槽，
						icon: '/static/icon/my/weChat.png',
						clickType: 'weChat',
					},
					{
						title: "支付宝",
						useSlot: true,
						icon: '/static/icon/my/alipay.png',
						clickType: 'alipay',

					},
				],
			}
		},
		onShow() {

		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

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

	.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;
	}
</style>