aluminium-trading-uniapp-240925/components/base/centerList.vue

<template>
	<view class="content">
		<view class="item" 
		v-for="(item, index) in list" 
		:key="index" @click="tapItem(item, index)">
			<view class="key">
				<view class="img">
					<image :src="item.imgUrl" style="width: 100%; height: 100%;" />
				</view>
				<view class="text">
					{{ item.text }}
				</view>
			</view>
			<view class="value">
				{{ item.value }}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "centerList",
		props: {
			list: {}
		},
		data() {
			return {

			}
		},
		methods: {

			// 点击列表项
			tapItem(item, index) {
				console.log(item, index, "item,index==========")
				if(item.text === '关于我们'){
					this.$emit('about')
				}else if (item.text === '联系客服' || item.englishText === 'contactCustomerService') {
					console.log("联系客服")
					this.$emit('open')
				} else if (
					item.text === '我的挂单' || item.englishText === 'myOrders' ||
					item.text === '系统设置' || item.englishText === 'systemSettings' ||
					
					item.text === '帮助反馈' || item.englishText === 'helpFeedback' ||
					item.text === '我的订单' || item.englishText === 'Myorder'
				) {
					console.log("进入 " + item.text)
					uni.navigateTo({
						url: item.toPathUrl
					})
				}
			},


		},

	}
</script>


<style scoped lang="scss">
	.content {
		background-color: #2e2e2e;

		.item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20rpx 40rpx;

			.key {
				display: flex;
				justify-content: center;
				align-items: center;
				color: #FFF;
				font-size: 32rpx;

				.img {
					width: 40rpx;
					height: 40rpx;
				}

				.text {
					margin-left: 20rpx;
				}


			}

			.value {
				color: #FFF;
				font-size: 36rpx;
			}
		}
	}
</style>