LocalLivingServicesUniapp/pages/groupMeal/users/index.vue

<template>
	<view>
		<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>
	</view>
</template>

<script>
export default {
	data() {
		return {
			data: [
				{
					name: '我的团长',
					icon: '/static/icon/icon_edit.png',
					path: ''
				},
				{
					name: '团餐设置',
					icon: '/static/icon/icon_edit.png',
					path: '/pages/groupMeal/users/settings'
				},
				{
					name: '企业团餐设置',
					icon: '/static/icon/icon_edit.png',
					path: ''
				},
			]
		}
	},
	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>