You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 lines
1.8 KiB
98 lines
1.8 KiB
<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>
|