<template>
	<view class="">
		<navigation :showBack="false" :bgnum="true">
			<text class="big_title">
				{{i18n.protit}}
			</text>
		</navigation>
		<view class="main">
			<view class="main_con">
				<view class="title">
					{{i18n.apps}}
				</view>
				<view class="item flex" @click="goMan()">
					<view class="itemImg flex">
						<image src="../../../static/tongyonh/profile1.png" class="img1" mode="aspectFit"></image>
						<text class="text1"> {{i18n.magew}}</text>
					</view>
					<image src="../../../static/tongyonh/chevron_right_24px.png" class="img2" mode="aspectFit"></image>
				</view>
				<view class="item flex" @click="goAddress()">
					<view class="itemImg flex">
						<image src="../../../static/tongyonh/circle.png" class="img1" mode="aspectFit"></image>
						<text class="text1">{{i18n.addBook}}</text>
					</view>
					<image src="../../../static/tongyonh/chevron_right_24px.png" class="img2" mode="aspectFit"></image>
				</view>
				<view class="item flex" @click="goSettings()">
					<view class="itemImg flex">
						<image src="../../../static/tongyonh/Frame68p.png" class="img1" mode="aspectFit"></image>
						<text class="text1">{{i18n.Settings}}</text>
					</view>
					<image src="../../../static/tongyonh/chevron_right_24px.png" class="img2" mode="aspectFit"></image>
				</view>
				<view class="item flex" @click="goHelp()">
					<view class="itemImg flex">
						<image src="../../../static/tongyonh/Frame70.png" class="img1" mode="aspectFit"></image>
						<text class="text1">{{i18n.helpcen}}</text>
					</view>
					<image src="../../../static/tongyonh/chevron_right_24px.png" class="img2" mode="aspectFit"></image>
				</view>
				<view class="item flex" @click="goAbout()">
					<view class="itemImg flex">
						<image src="../../../static/tongyonh/Frame71.png" class="img1" mode="aspectFit"></image>
						<text class="text1">{{i18n.aboutus}}</text>
					</view>
					<image src="../../../static/tongyonh/chevron_right_24px.png" class="img2" mode="aspectFit"></image>
				</view>
			</view>


			<view class="main_con">
				<view class="title">
					{{i18n.Hardware}}
				</view>
				<view class="item flex" @click="goMatching()">
					<view class="itemImg flex">
						<image src="../../../static/tongyonh/Frame72.png" class="img1" mode="aspectFit"></image>
						<text class="text1"> {{i18n.math}}</text>
					</view>
					<image src="../../../static/tongyonh/chevron_right_24px.png" class="img2" mode="aspectFit"></image>
				</view>



			</view>



		</view>


		<tab-bar :selectActive="5"></tab-bar>
	</view>




</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	import tabBar from "@/components/tabBar/tabBar.vue"
	export default {
		data() {
			return {

			}
		},


		methods: {
			goMatching() {
				uni.showToast({
					title: 'Not yet open',
					icon: 'none',
					duration: 1500
				})
			},
			goAbout() {
				uni.navigateTo({
					url: '/pages/menu/about/index'
				})
			},
			goHelp() {
				uni.showToast({
					title: 'Not yet open',
					icon: 'none',
					duration: 1500
				})
			},
			goSettings() {
				uni.navigateTo({
					url: '/pages/menu/setting/index'
				})
			},
			goMan() {
				uni.navigateTo({
					url: '/pages/menu/wallet/mwallet/index'
				})
			},
			goAddress() {
				uni.setStorageSync('sourcePage', '/pages/menu/profile/index');
				uni.navigateTo({
					url: '/pages/menu/sendToken/address/index'
				})
			},
		},
		onLoad() {

		},
		computed: {
			i18n() {
				return this.$t('index')
			},
		}
	};
</script>
<style scoped>
	page {
		background-color: #FAFAFA;
	}
</style>

<style>
	@import './index.css';
</style>
