pages/sub_mine/accountSafe.vue

<template>
	<view class="accountSafe">
		<view class="accountSafe-list">
			<u-cell-group :border="false">
				<u-cell-item :title="v.name" :title-style="titleStyle" :value="i===0?signed:''" @click="i?toPath(v.path):toBind()" v-for="(v,i) in list"
				 :key="i" :value-style="style">
				 <u-icon :name="v.icon" custom-prefix="custom-icon" size="40" slot="icon" color="#666666"></u-icon>
				</u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				signed:"未绑定",
				style:{},
				titleStyle:{'font-family':'PingFang-SC-Medium','fontSize':'28rpx','marginLeft':'30rpx'},
				list:[
					{name:"签约绑卡",icon:"sign",path:"/pages/sub_mine/bindBankCard"},
					{name:"签约商户管理",icon:"shop",path:"/pages/sub_mine/shop"},
					{name:"指纹/手势/人脸登录",icon:"login",path:"/pages/sub_mine/otherLogin"},
					{name:"修改登录密码",icon:"phone",path:"/pages/sub_mine/changeLoginPwd"},
					{name:"设置支付密码",icon:"pay",path:"/pages/sub_mine/changePayPwd"},
					{name:"支付(指纹)",icon:"finger",path:"/pages/sub_mine/otherPay"},
					{name:"挂失",icon:"gs",path:"/pages/sub_mine/reportheLoss"},
					{name:"设置邮箱",icon:"email",path:"/pages/sub_mine/bindEmail"},
					{name:"设置密保",icon:"mibao",path:"/pages/sub_mine/question"},
				]
			}
		},
		onLoad(){
			
		},
		methods: {
			toBind(){
				let signed = uni.getStorageSync("signed")
				let that = this
				if(signed == "yes"){
					uni.navigateTo({
						url:'/pages/sub_mine/unbindBankCard'
					})
				}else{
					uni.navigateTo({
						url:'/pages/sub_mine/bindBankCard'
					})
				}
			}
		},
		onShow(){
			let that = this
			let signed = uni.getStorageSync("signed")
			//console.log(signed)
			if(signed == "yes"){
				that.signed = "已绑定签约"
			}else if(signed == "no"){
				that.signed = "已绑定未签约"
				that.style ={'color':'#DA5961'}
			}else{
				that.signed = "未绑定"
				that.style ={'color':'#DA5961'}
			}
		}
	}
</script>

<style lang="scss" scoped>
	.accountSafe{
		width: 100vw;
		// height: 100vh;
		background-color: #F3F3F3;
		overflow: hidden;
		padding-bottom: 30rpx;
		&-list{
			margin-top: 30rpx;
		}
	}
	
</style>