jje_uniapp/myPages/aboutOur/index.vue

<template>
	<view class="user-info-wrap">
		<uni-list>
			<uni-list-item class="bordBot" :to="item.to" :title="item.title" showArrow thumb-size="sm"
				v-for="(item, index) in list" :key="index" />
		</uni-list>
	</view>
</template>

<script>

export default {
	data() {
		return {
			list: [
				{ title: '娇骄儿会员服务须知', to: '/myPages/TermsOfService/index?name=' + '娇骄儿会员服务须知' + '&type=' + 1 },
				{ title: '娇骄儿会员储值须知', to: '/myPages/TermsOfService/index?name=' + '娇骄儿会员储值须知' + '&type=' + 8 },
				{ title: '娇骄儿隐私政策', to: '/myPages/TermsOfService/index?name=' + '娇骄儿隐私政策' + '&type=' + 3 },
				{ title: '娇骄儿预约须知', to: '/myPages/TermsOfService/index?name=' + '娇骄儿预约须知' + '&type=' + 5 },
				{ title: '娇骄儿服务对象协议', to: '/myPages/TermsOfService/index?name=' + '娇骄儿服务对象协议' + '&type=' + 6 },
				// {title:'储值使用说明',to:'/myPages/TermsOfService/index?name='+'储值使用说明'+'&type=' + 9},
				{ title: '娇骄儿权益服务协议', to: '/myPages/TermsOfService/index?name=' + '娇骄儿权益服务协议' + '&type=' + 4 }
			],
		};
	},
	mounted() {
	},
	onLoad(e) {

	},
	methods: {

	}
};
</script>

<style lang="scss">
.bordBot {
	border-bottom: 1px solid #F7F7F7;
}

.user-info-wrap {
	margin-left: 12px;
	margin-right: 12px;

	/* 导航菜单 */
	.nav-bar {
		background: #fff;
		border-radius: 10px;
		margin-top: 12px;

		/* 商店信息 */
		.nav-content {
			padding-top: 10px;
			padding-bottom: 6px;
			border-bottom: 1px solid #f7f7f7;

			.nav-info {
				display: flex;
				padding-left: 10px;

				.logo {
					width: 12%;
					text-align: center;

					image {
						width: 24px;
						height: 24px;
					}
				}

				.nav-desc {
					width: 60%;
					display: flex;
					line-height: 30px;

					.nav-name {
						font-size: 16px;
						width: 60%;
					}

					.change-store {
						text-align: right;
						width: 40%;
						font-size: 12px;
						color: #666;
					}
				}

				.arrow-right {
					width: 40%;
					text-align: right;
					margin: 0 auto;
					cursor: pointer;
					padding-top: 3px;
					display: flex;
					justify-content: flex-end;
					align-items: center;

					image {
						width: 18px;
						height: 18px;
					}

					.head-img {
						text-align: center;

						image {
							width: 24px;
							height: 24px;
						}
					}
				}
			}
		}
	}

	.sure-btn {
		margin-top: 20px;
		width: 100%;

		.btn {
			background: #FF6C7B;
			text-align: center;
			border-radius: 14px;
			height: 36px;
			line-height: 36px;
			color: #fff;
			font-size: 16px;
		}
	}
}
</style>