<template>
	<view>
		<!-- 公共组件-每个页面必须引入 -->
		<public-module></public-module>
		<view class="user-set-about-t d-flex a-center j-center flex-column animated fadeIn fast">
			<image src="/static/bigLogo.png" mode="widthFix" lazy-load></image>
			<!-- #ifdef APP-PLUS -->
			<view>version {{version}}</view>
			<!-- #endif -->
		</view>
		<view class="dis">
			<view @click="arr"><text>检查新版本</text>
				<image src="../../static/icon/youjiantou.png" mode="" style="width: 16px;height: 16px;"></image>
			</view>
			<view @tap="navigate({url:'/pages/login/xieyi'})"><text>平台协议</text>
				<image src="../../static/icon/youjiantou.png" mode="" style="width: 16px;height: 16px;"></image>
			</view>
			<view @tap="navigate({url:'/pages/login/mimi'})"><text>隐私协议</text>
				<image src="../../static/icon/youjiantou.png" mode="" style="width: 16px;height: 16px;"></image>
			</view>
		</view>
		<!-- 更新组件 force 是否强制更新   tabbar：页面是否有原生tabbar组件-->
		<app-update ref="app_update" :force="false" :tabbar="false"></app-update>
	</view>
</template>
<script>
	import {
		mapState
	} from "vuex"
	import myListItem from "@/components/modules/my/my-list-item.vue";
	import appUpdate from "@/components/yzhua006-update/app-update"; //app更新组件
	export default {
		components: {
			myListItem,
			appUpdate,
		},
		data() {
			return {
				version: "",
				list: [
					// #ifdef APP-PLUS
					{
						icon: "",
						name: "检查新版本",
						clicktype: "update",
						url: ""
					},
					// #endif
					{
						icon: "",
						name: "平台协议",
						clicktype: "navigateTo",
						url: "/pages/login/mimi",
						auth: true
					},
					{
						icon: "",
						name: "隐私协议",
						clicktype: "navigateTo",
						url: "/pages/login/xieyi",
						auth: true
					},
				]
			}
		},
		onLoad() {
			// #ifdef APP-PLUS
			plus.runtime.getProperty(plus.runtime.appid, (widgetInfo) => {
				this.version = widgetInfo.version;
			})
			// #endif
		},
		methods: {
			arr() {
				let data = this.$refs.app_update.update(); //调用子组件检查更新方法
				setTimeout(() => {
					this.arr1();
				}, 1000)
			},
			arr1() {
				if (!this.$refs.app_update.popup_show) {
					uni.showToast({
						title: '已经是最新版本',
						icon: "none"
					});
				}
			}
		}
	}
</script>

<style>
	.user-set-about-t {
		padding: 40upx 0;
	}

	.user-set-about-t>image {
		margin-top: 50upx;
		width: 160upx;
	}

	.user-set-about-t>view {
		color: #CCCCCC;
	}

	.dis {
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
	}

	.dis>view {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #333333;
		padding: 10px;
		border-top: 1px solid #F4F4F4;
		border-bottom: 1px solid #F4F4F4;
		font-size: 14px;
	}
</style>
