提交 c7ef4f20 作者: ZhangLingKun

修复:网点页面优化

上级 4a30f09d
{
"name" : "hello",
"name" : "",
"appid" : "__UNI__4DCD124",
"description" : "",
"description" : "云享飞",
"versionName" : "1.0.0",
"versionCode" : "100",
"transformPx" : false,
......
......@@ -4,7 +4,7 @@
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "",
"navigationBarTitleText": "全国网点",
"navigationStyle": "custom"
}
},
......
......@@ -37,6 +37,10 @@
</scroll-view>
<scroll-view v-else class="list-view-click animate__animated animate__slideInRight" scroll-y>
<view v-for="(i, j) in getCurrentList" :key="j" class="list-item" @click="handleSelect(j)">
<view class="item-type">{{ currentType.name }}</view>
<view class="item-arrow">
<u-icon name="arrow-right"></u-icon>
</view>
<image class="item-image" :src="i.brandLogo" mode="widthFix" />
<view class="item-content">
<view class="content-title">{{ i.companyName }}</view>
......@@ -78,6 +82,16 @@ const props = defineProps({
currentItem: {
type: Object as unknown as PropType<ListType[0]>,
default: () => ({})
},
currentType: {
type: Object as unknown as PropType<{
type: number
name: string
action: string
tagId: number
path?: string
}>,
default: () => ({})
}
})
// 事件
......@@ -97,7 +111,7 @@ watch(
() => props.currentItem,
() => {
currentItem.value = props.currentItem
console.log(props.currentItem)
// console.log(props.currentItem)
}
)
</script>
......@@ -237,7 +251,7 @@ watch(
z-index: 30;
overflow-x: auto;
box-sizing: border-box;
padding-left: 16rpx;
padding-left: 20rpx;
.list-item {
position: relative;
display: flex;
......@@ -251,11 +265,27 @@ watch(
.item-content {
margin-top: 32rpx;
}
.item-type {
position: absolute;
top: 0;
left: 0;
height: 54rpx;
font-size: 22rpx;
color: #fefffe;
line-height: 32rpx;
padding: 2rpx 22rpx 20rpx 10rpx;
}
.item-arrow {
position: absolute;
right: 24rpx;
top: 32rpx;
}
}
.list-item::before {
content: '飞手团队';
content: '';
display: block;
height: 54rpx;
min-width: 128rpx;
font-size: 22rpx;
color: #fefffe;
line-height: 32rpx;
......
......@@ -48,6 +48,7 @@
:list="networkList"
:isclick="isclick"
:current-item="currentItem"
:current-type="networkTypeList[currentTypeIndex]"
@on-select="handleSelect"
/>
<view v-else class="network-none">空空如也</view>
......@@ -255,6 +256,9 @@ import weChatSDK from 'z-weixin-ts'
this.markers.push(labelMarker);
labelMarker.on('click', (e) => {
this.currentItem = {...element,...this.networkList[index]};
uni.setNavigationBarTitle({
title: this.networkTypeList[this.currentTypeIndex]?.name
})
// console.log('执行到此处 --->', {...element,...this.networkList[index]})
this.openInfo({...element,...this.networkList[index]});
this.isclick = true
......@@ -288,7 +292,9 @@ import weChatSDK from 'z-weixin-ts'
${obj.companyName || '-'}
</div>
<div class="location">
<span class="location-info"> ${this.networkTypeList[this.currentTypeIndex].name} | 距你${obj.distance}km </span>
<span class="location-info">
<span style="color: #fe7512">${this.networkTypeList[this.currentTypeIndex].name}</span>
| 距你${obj.distance}km </span>
</div>
</div>
<div class="info-right">
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论