<template>
	<view class="system-settimg">
		<view>
			<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
				<view class="system-settimg-title">系统设置</view>
				<view slot="left"></view>
				<view slot="right"></view>
			</uni-nav-bar>
		</view>
		<view class="list-main" v-for="(item, index) in name" :key="index">
			<view class="list-flex" :class="index + 1 === name.length ? '' : 'list-border'" @click="checkList(index)">
				<view class="list-text">
					<text>{{ item }}</text>
				</view>
				<view class="">
					<text><uni-icons type="right" color="#000000" size="18"></uni-icons></text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import { back, go2, uploadFile } from '@/utils/hook.js'
export default {
	data() {
		return {
			name: ['用户名', '账号管理', '用户协议', '系统权限', '关于纸掌柜']
		}
	},
	methods: {
		back,
		checkList(item) {
			switch (item) {
				case 0:
					go2('user-info')
					break
				case 1:
					go2('account-management')
					break
				case 4:
					go2('about')
					break
				default:
					break
			}
		}
	}
}
</script>

<style lang="scss">
.system-settimg {
	.system-settimg-title {
		width: 100%;
		font-size: 36rpx;
		color: #000000;
		letter-spacing: 0;
		text-align: center;
		font-weight: 500;
	}
	.list-main {
		background-color: #ffffff;
	}
	.list-border {
		border-bottom: 2rpx solid #d8d8d8;
	}
	.list-flex {
		display: flex;
		justify-content: space-between;

		margin: 0rpx 32rpx;
		height: 100rpx;
		align-items: center;
	}
	.list-text {
		font-size: 28rpx;
		color: #000000;
		letter-spacing: 0;
		font-weight: 400;
	}
}
</style>
