<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 in menuList" :key="item.name">
		 		    <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:"./accountType/accountType?type=1"},
					    {name:"QQ",url:"./accountType/accountType?type=2"},
						{name:"新浪微博",url:"./accountType/accountType?type=3"},
					],
			}
		},
		methods: {
			navTo(url){
				if(url){
					uni.navigateTo({
						url:url
					})
				}
			},
		}
	}
</script>

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