<template>
	<view class="page-wrapper bgF2">
		<JHeaderTitle title="密码与安全" bgColor="#f2f2f2"></JHeaderTitle>
		<block v-for="(v, i) in list" :key="i">
			<view class="setting-wrapper bgF" @tap="jumpPage(v.url)">
				<view class="setting-main" :class="[v.isBorder]">
					{{ v.title }}
					<image src="/static/iconImg/right-arrow.svg" mode="scaleToFill" />
				</view>
			</view>
		</block>
	</view>
</template>

<script setup>
import { reactive } from 'vue'
import JHeaderTitle from '@/components/newComponents/JHeaderTitle/JHeaderTitle.vue'
const list = reactive([
	{
		title: '登录密码',
		url: '/pageWork/setUp/passwordSetting'
	},
	{
		title: '支付密码',
		url: '/pageWork/setUp/takeMoneyPwd'
	}
])
const jumpPage = (url) => {
	uni.navigateTo({
		url
	})
}
</script>

<style lang="scss" scoped>
.page-wrapper {
	width: 100%;
	height: 100%;
	.setting-wrapper {
		padding-left: 32rpx;
		.setting-main {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 110rpx;
			border-bottom: 1rpx solid #f2f2f2;
			image {
				width: 40rpx;
				height: 40rpx;
				margin-right: 50rpx;
			}
		}
		.isBorder {
			border: none;
		}
	}
}
</style>
