jje_uniapp/myPages/aboutOur/index.vue

<template>
	<view class="user-info-wrap">
		<view class="nav-bar">
			<view class="nav-content">
				<view @click="gotoTermOfService(1)" class="nav-info">
					<view class="nav-desc">
						<view class="nav-name">
							<view class="">会员协议</view>
						</view>
					</view>
					<view class="arrow-right">
						<u-icon name="arrow-right" color="#666" size="16"></u-icon>
					</view>
				</view>
			</view>
			<view class="custom-line"></view>
			<view class="nav-content">
				<view  @click="gotoTermOfService(2)" class="nav-info">

					<view class="nav-desc">
						<view class="nav-name">
							<view class="">服务对象协议</view>
						</view>
					</view>
					<view class="arrow-right">
						<u-icon name="arrow-right" color="#666" size="16"></u-icon>
					</view>
				</view>
			</view>
			<view class="custom-line"></view>
			<view class="nav-content">
				<view  @click="gotoTermOfService(3)" class="nav-info">
					<view class="nav-desc">
						<view class="nav-name">
							<view class="">隐私协议</view>
						</view>
					</view>
					<view class="arrow-right">
						<u-icon name="arrow-right" color="#666" size="16"></u-icon>
					</view>
				</view>
			</view>
			<view class="custom-line"></view>
			<view class="nav-content">
				<view @click="gotoTermOfService(4)" class="nav-info">
					<view class="nav-desc">
						<view class="nav-name">
							<view class="">加盟合作</view>
						</view>
					</view>
					<view class="arrow-right">
						<u-icon name="arrow-right" color="#666" size="16"></u-icon>
					</view>
				</view>
			<view class="custom-line"></view>
			<view class="nav-content">
				<view @click="gotoTermOfService(5)" class="nav-info">
					<view class="nav-desc">
						<view class="nav-name">
							<view class="">常见问题</view>
						</view>
					</view>
					<view class="arrow-right">
						<u-icon name="arrow-right" color="#666" size="16"></u-icon>
					</view>
				</view>
			</view>
			</view>
		</view>

	</view>
</template>

<script>

export default {
	data() {
		return {
			reqParm: {
				auth: true,
				type: 1  // 类型  1=会员协议 2=服务对象协议 3=隐私条款 4=加盟合作  5=常见问题
			}
		};
	},
	mounted() {
	},
	onLoad() {
	},
	methods: {
		// 获取服务条款信息
		gotoTermOfService(type){
			uni.navigateTo({
				url: '/myPages/TermsOfService/index',
			})
		},
	}
};
</script>

<style lang="scss">
.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;
			.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>