dl/pages/set/set.vue

<template>
	<view class="container">
		<uni-list>
			<uni-list-item title="个人资料" @click="navTo('/pages/set/userinfo')"></uni-list-item>
			<uni-list-item title="收货地址" @click="navTo('/pages/set/address')"></uni-list-item>
		</uni-list>
		<uni-list class="margin-t-20" v-if="new_version != ''">
			<uni-list-item title="检查更新" @click="updates()">
				<template slot="right">
					当前版本{{ new_version }}
				</template>
			</uni-list-item>
		</uni-list>
		<view class="list-cell log-out-btn" @click="toLogout"><text class="cell-tit">退出登录</text></view>
	</view>
</template>

<script>
import uniList from '@/components/uni-list/uni-list.vue';
import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
import { logout, version } from '@/api/set.js';
import { mapMutations } from 'vuex';
// #ifdef APP-PLUS
import { getUpApp } from '@/utils/upApp.js';
// #endif
export default {
	components: {
		uniList,
		uniListItem
	},
	data() {
		return {
			new_version: ''
		};
	},
	onShow() {
		const obj = this;
		//#ifdef APP-PLUS
		plus.runtime.getProperty(plus.runtime.appid, function(wgtinfo) {
			// 获取当前系统
			obj.new_version = wgtinfo.version;
			console.log(wgtinfo.version, '123456');
		});
		//#endif
	},
	methods: {
		...mapMutations('user', ['logout']),
		navTo(url) {
			uni.navigateTo({
				url: url
			});
		},
		updates() {
			const obj = this;
			version().then(({ data }) => {
				if (data.version_code == obj.new_version) {
					obj.$api.msg('已经是最新版本了');
				} else {
					getUpApp();
				}
			});
		},
		//退出登录
		toLogout() {
			let obj = this;
			uni.showModal({
				content: '确定要退出登录么',
				success: e => {
					if (e.confirm) {
						logout({})
							.then(e => {
								uni.navigateBack();
							})
							.catch(e => {
								console.log(e);
							});
						obj.logout();
					}
				}
			});
		},
		//switch切换触发方法
		switchChange(e) {
			console.log(e);
			let statusTip = e.value ? '打开' : '关闭';
			this.$api.msg(`${statusTip}消息推送`);
		}
	}
};
</script>

<style lang="scss">
page {
	background: $page-color-base;
}
.list-cell {
	display: flex;
	align-items: baseline;
	padding: 20rpx $page-row-spacing;
	line-height: 60rpx;
	position: relative;
	background: #fff;
	justify-content: center;
	&.log-out-btn {
		margin-top: 40rpx;
		.cell-tit {
			color: $uni-color-primary;
			text-align: center;
			margin-right: 0;
		}
	}
	.cell-tit {
		flex: 1;
		font-size: $font-base + 2rpx;
		color: $font-color-dark;
		margin-right: 10rpx;
	}
	.cell-tip {
		font-size: $font-base;
		color: $font-color-light;
	}
	switch {
		transform: translateX(16rpx) scale(0.84);
	}
}
</style>