Delivery-merchant/pages/Security.vue

<template>
	<view>
		<!-- <titlenav></titlenav> -->
		<view class="stores">
			<view class="title">账号安全</view>
			<u-cell-group :border="false" class="from">
				<u-cell-item title="修改绑定手机号" is-link @click="choosePhone">189****7474</u-cell-item>
				<u-cell-item title="修改密码" is-link @click="navigateTo('/pages/Modifypass')"></u-cell-item>
			</u-cell-group>
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
import Titlenav from '../components/Titlenav.vue';
export default {
	components: {
		Titlenav
	},
	data() {
		return {
			checked: false
		};
	},
	computed: {
		...mapState(['systemInfo'])
	},
	methods: {
		choosePhone() {
			uni.navigateTo({
				url: '/pages/Modifyphnoe?forget=true'
			});
		},
	}
};
</script>

<style lang="scss" scoped>
.stores {
	.from {
		/deep/ .u-cell {
			padding: 21.5px 0;
			color: #000000;
			font-weight: bold;
		}
		/deep/ .u-iconfont {
			font-size: 14px !important;
		}
		/deep/ .u-cell_title {
			font-size: 14px;
		}
		/deep/ .u-cell__value {
			color: #000000;
			font-weight: 400;
		}
		/deep/ .u-field {
			padding: 23px 0;
			color: #000000;
			font-weight: bold;
			text-align: right;
		}
		/deep/ .uni-input-input {
			text-align: right;
			font-weight: 400;
		}
		/deep/ .u-label {
			span {
				width: 90px;
			}
		}
		/deep/ .u-cell__value {
			height: 27px;
			font-size: 14px;
			line-height: 26.5px;
		}
	}
	margin: 10px 20px 0;
	.title {
		font-size: 24px;
		font-weight: bold;
		color: #000000;
		line-height: 33px;
		margin-bottom: 10px;
	}
}
</style>