<template>
	<view class="paySet">
		<div class="content">
			<div class="operation-item" v-for="(item,index) in operationList" :key="index" @click="itemClick(item)">
				<div>{{item.text}}</div>
				<u-icon name="arrow-right" color="#E8E8E8" size="14"></u-icon>
			</div>
		</div>
	</view> 
</template>

<script>
	export default {
		data() {
			return {
				operationList:[
					{
						text:'设置支付密码',
						path:'/page_salesman_index/userCenter/setPayPassword'
					},
					{
						text:'忘记支付密码',
						path:'/page_salesman_index/userCenter/forgetPassword'
					},
					{
						text:'修改支付密码',
						path:'/page_salesman_index/userCenter/payPassword'
					},
				],
			};
		},
		methods:{
			change({index}){
				this.current=index
			},
			itemClick({path}){
				uni.navigateTo({
					url:path
				})
			}
		}
	}
</script>

<style lang="scss">
.paySet{
	padding: 32rpx;
	.content{
		padding:0 32rpx;
		background-color: #fff;
		.operation-item{
			font-size: 28rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			display: flex;
			align-items: center;
			justify-content: space-between;
			border-bottom: 1px solid #E8E8E8;
			padding: 32rpx 0;
			&:last-child{
				border-bottom:none;
			}
		}
	}
}
</style>
