LocalLivingServicesUniapp/pages/groupMeal/users/index.vue

<template>
	<view>
		<u-navbar title="团餐设置" :autoBack="true" :placeholder="true"></u-navbar>

		<u-cell-group :border="false">
			<u-cell-item v-for="(item, i) in data" :key="i" value="" @click="onClick(item)">
				<view class="cell-box" slot="title">
					<image class="img" :src="item.icon" />
					<text class="text">{{ item.name }}</text>
				</view>
			</u-cell-item>
		</u-cell-group>

		<Tabbar />
	</view>
</template>

<script>
import Tabbar from '@/pages/groupMeal/tabbar/index.vue';
export default {
	components: {
		Tabbar
	},
	data() {
		return {
			data: [
				{
					name: '我的团长',
					icon: '/static/groupMeal/icon_user.png',
					path: '/pages/groupMeal/users/team-member'
				},
				{
					name: '团餐设置',
					icon: '/static/groupMeal/icon_file.png',
					path: '/pages/groupMeal/users/settings'
				},
				{
					name: '企业团餐设置',
					icon: '/static/groupMeal/icon_build.png',
					path: '/pages/groupMeal/users/settings'
				},
			]
		}
	},
	onShow() {
		
	},
	methods: {
		onClick(e) {
			console.log(e)
			if (!e.path) return;
			uni.navigateTo({
				url: `${e.path}`
			});
		},
	}
}
</script>

<style lang="scss" scoped>
.cell-box {
	display: flex;
	align-items: center;
	.img {
		width: 40rpx;
		height: 40rpx;
		margin-right: 16rpx
	}
	.text {
		font-weight: 400;
		font-size: 28rpx;
		color: #232832;
	}
}
</style>