zh_order_food_xcx/pages-my/about-us.vue

<template>
	<view class="flex-common-css">
		<Nav title="关于我们" titleColor="#333" bgckgroundBox='#fff'></Nav>
		<scroll-view :scroll-y="true" class="scroll-view-css content-box box-sizing-border">
			<view class="module-box box-sizing-border bgc-f b-rad-20 mb-20">
				<view class="item-box align-items-center flex-justify-space" @click="goToUrl(1,1)">
					<view class="fs-30 fc-3">
						平台资质
					</view>
					<uni-icons type="right" color="#999" size="16"></uni-icons>
				</view>
				<view class="item-box align-items-center flex-justify-space" @click="goToUrl(1,2)">
					<view class="fs-30 fc-3">
						增值电信业务经营许可证
					</view>
					<uni-icons type="right" color="#999" size="16"></uni-icons>
				</view>
			</view>
			<view class="module-box box-sizing-border bgc-f b-rad-20 mb-20">
				<view class="item-box align-items-center flex-justify-space b-b-F9F9F9"
					v-for="(item,index) in protocolData" :key="index" @click="goToUrl(2,item.id)">
					<view class="fs-30 fc-3">
						{{item.title}}
					</view>
					<uni-icons type="right" color="#999" size="16"></uni-icons>
				</view>
			</view>
			<!-- 			<view class="module-box box-sizing-border bgc-f b-rad-20">
				<view class="item-box align-items-center flex-justify-space b-b-F9F9F9">
					<view class="fs-30 fc-3">
						当前版本
					</view>
					<view class="fs-30 fc-3">
						v1.19.55
					</view>
				</view>
			</view> -->
		</scroll-view>
	</view>
</template>

<script>
	import {
		commonProtocol
	} from "@/api/common.js"
	export default {
		components: {},
		data() {
			return {
				protocolData: []
			};
		},
		onLoad(data) {},
		mounted() {
			this.commonProtocol()
		},
		methods: {
			commonProtocol() {
				commonProtocol().then((res) => {
					if (res.code === 1) {
						this.protocolData = res.data
					}
				})
			},
			goToUrl(type, num) {
				uni.navigateTo({
					url: `/pages-my/protocol?type=${type}&num=${num}`
				})
			}
		},
	}
</script>

<style lang="scss" scoped>
	.content-box {
		padding: 20rpx 32rpx 0;
	}

	.module-box {
		padding: 0 32rpx;
	}

	.item-box {
		padding: 32rpx 0;
	}
</style>