设置页UI构建

<template>
	<view class="body">
		<block v-for="(item, index) in list">
			<homeListItem :item="item" :index="index"></homeListItem>
		</block>
		<button class="user-set-btn" type="primary">退出登录</button>
	</view>
</template>

<script>
	import homeListItem from '../../components/home/home-list-item.vue'
	export default {
		components: {
			homeListItem
		},
		data() {
			return {
				list: [{
						icon: '',
						name: '账号与安全'
					},
					{
						icon: '',
						name: '绑定邮箱'
					},
					{
						icon: '',
						name: '资料编辑'
					},
					{
						icon: '',
						name: '小纸条'
					},
					{
						icon: '',
						name: '清除缓存'
					},
					{
						icon: '',
						name: '意见反馈'
					},
					{
						icon: '',
						name: '关于星城百科'
					},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.body {
	padding: 0 20rpx;
}
.user-set-btn {
	width: 100%;
	margin: 20rpx 0;
	background-color: #ffe933;
	border: 0;
	color: #333;
}
</style>