<template>
	<view class="">
		<navigation :showBack="true" :bgnum="true">
			Settings
		</navigation>
		<view class="main">
			<view class="main_con">
         <view class="item flex">
         	<view class="text1">
         		Payment password
         	</view>
			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>
         </view>
		 <view class="item flex">
		 	<view class="text1">
		 	Fingerprint password
		 	</view>
			<u-switch v-model="checked" active-color="#5B53FF"></u-switch>
		 </view>
		 <view class="item flex">
		 	<view class="text1">
		 	Language settings
		 	</view>
			<view class="">
			<text class="text2">English</text>	
			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>	
			</view>
		 </view>
		 <view class="item flex">
		 	<view class="text1">
		 		Currency
		 	</view>
		 			<view class="">
		 			<text class="text2">USD</text>	
		 			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>	
		 			</view>
		 </view>
		 <view class="item flex">
		 	<view class="text1">
		 	Node settings
		 	</view>
		 		
		 			<image src="../../../static/tongyonh/chevron_right_24px.png" mode="aspectFit" class="img1"></image>	
		 		
		 </view>
		</view>
			</view>
	</view>
	
</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
			checked: false,
			};
		},
		methods: {
		change(status) {
						// console.log(status);
					},
		}
	};
</script>
<style scoped>
page {
		background: #FAFAFA;
	}
</style>

<style>

	@import './index.css';

</style>
