<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="changeLogo"></u-cell-item>
				<u-cell-item title="账号安全" is-link @click="navigateTo('/pages/Security')"></u-cell-item>
				<u-cell-item title="是否接受消息提醒" :is-link="false"><u-switch v-model="checked" @change="change()"></u-switch></u-cell-item>
				<u-cell-item title="检查更新" is-link></u-cell-item>
				<u-cell-item title="当前版本号" is-link>V1.2.20</u-cell-item>
				<u-cell-item title="退出登录" is-link></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: {},
	methods: {
		change(status) {
			console.log(status);
		}
	}
};
</script>

<style lang="scss" scoped>
.stores {
	.from {
		/deep/ .u-cell {
			padding: 18.5px 0;
			color: #000000;
			font-weight: bold;
		}
		/deep/ .u-switch{
			margin-top: 3px;
		}
		/deep/ .u-iconfont {
			font-size: 14px !important;
		}
		/deep/ .u-cell__value {
			color: #000000;
			font-weight: 400;
			font-size: 14px;
			line-height: 32px;
		}
		/deep/ .u-cell_title {
			font-size: 14px;
		}
		/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: 33px;
		}
	}
	margin: 10px 20px 0;
	.title {
		font-size: 24px;
		font-weight: bold;
		color: #000000;
		line-height: 33px;
		margin-bottom: 10px;
	}
}
</style>
