This commit is contained in:
汪汇 2024-03-07 09:10:32 +08:00
parent 36a084c069
commit b78d59978d
1 changed files with 85 additions and 3 deletions

View File

@ -24,7 +24,81 @@
</div>
</div>
<div id="mapDiv"></div>
<van-popup
<van-floating-panel v-model:height="height" :anchors="anchors">
<van-sticky style="background-color: #fff; z-index: 99">
<van-search
v-model="dropdown.sesh"
shape="round"
background="#4fc08d00"
placeholder=""
@change="getlist()"
/>
<van-dropdown-menu>
<van-dropdown-item
v-model="dropdown.value1"
:options="dropdown.option1"
/>
<van-dropdown-item
v-model="dropdown.value2"
:options="dropdown.option2"
/>
<van-dropdown-item
v-model="dropdown.value3"
:options="dropdown.option3"
/>
</van-dropdown-menu>
</van-sticky>
<div class="card">
<div
class="cardlist"
v-for="(item, index) in dropdown.rmyy"
@click="addClickHandls(item)"
:key="index"
>
<img
class="imgse"
:src="
item.img ||
'https://ts4.cn.mm.bing.net/th?id=OIP-C.loXEDwoMcxdPH4Ka75v3qgHaFU&w=294&h=211&c=8&rs=1&qlt=90&o=6&pid=3.1&rm=2'
"
alt=""
/>
<div class="bodys">
<div class="bt">{{ item.fu_wu_ti_gong_dan_wei_ming_chen }}</div>
<div class="dz">
<div class="xxdz">{{ item.xiang_xi_di_zhi }}</div>
</div>
<div class="bq">
<van-tag plain type="primary">{{
item.fu_wu_ti_gong_dan_wei_lei_xing
}}</van-tag>
</div>
</div>
</div>
<van-divider
v-if="dropdown.rmyy.length < count && dropdown.rmyy.length !== 0"
@click="getlists()"
:style="{
color: '#1989fa',
borderColor: '#1989fa',
padding: '0 16px',
}"
>
点击加载更多
</van-divider>
<van-divider
v-if="dropdown.rmyy.length >= count"
:style="{
color: '#969799',
borderColor: '#969799',
padding: '0 16px',
}"
>
没有更多了
</van-divider>
</div>
</van-floating-panel>
<!-- <van-popup
:show="true"
:overlay="false"
round
@ -107,7 +181,7 @@
没有更多了
</van-divider>
</div>
</van-popup>
</van-popup> -->
</div>
<van-popup
v-model:show="show"
@ -178,6 +252,14 @@ import img16 from "@/assets/home/yxfwxz.png";
import img17 from "@/assets/home/yy.png";
import img18 from "@/assets/home/wdwz.png";
import img19 from "@/assets/home/xzwz.png";
const anchors = [
280,
Math.round(0.4 * window.innerHeight),
Math.round(0.7 * window.innerHeight),
Math.round(1* window.innerHeight),
];
const height = ref(anchors[0]);
const count = ref(0);
var map = null;
var control = null;
@ -188,7 +270,7 @@ const showdata = ref({});
const dropdown = reactive({
sesh: "",
value1: 0,
hinegh: 280,
hinegh: 400,
value1: 0,
value2: 0,
value3: 0,