<template>
	<view class="box">
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="backText">账号安全</block>
			<block slot="content"></block>
			<block slot="right">
				<view class=" flex justify-center">
				 <!-- 	<button  class="margin-top-ssm cu-btn round bg-blue text-blue"><text class="cuIcon-add"></text></button> -->
				</view>
			</block>
		</cu-custom>	
		 <scroll-view scroll-y="true" class="DrawerPage margin-bottom-xxxl">
		 	 <view class="cu-list menu">
		 		<!-- 菜单-->
		 		<view class="cu-item arrow" v-for="(item,index) in menuList" :key="item.name" v-if="index==0" >
		 		    <view class="content" @click="navTo(item.url)">
		 		     	<text class="text-black ">{{item.name}}</text>
		 		    </view>
		 		</view>
		 	</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				menuList:[
					    {name:"登录密码",url:"../password/password"},
					    {name:"绑定手机",url:"../phone/phone"},
						{name:"第三方账号",url:"../otherAccount/otherAccount"},
					],
			}
		},
		methods: {
			navTo(url){
				uni.navigateTo({
					url:url
				})
			},
		}
	}
</script>

<style>
  .text-black{
  	color:#101010;
  }
  .cu-list.menu>.cu-item:after {border-bottom: 2rpx solid #E3E1E1!important;}
</style>
