This commit is contained in:
parent
36a084c069
commit
b78d59978d
|
@ -24,7 +24,81 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="mapDiv"></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"
|
:show="true"
|
||||||
:overlay="false"
|
:overlay="false"
|
||||||
round
|
round
|
||||||
|
@ -107,7 +181,7 @@
|
||||||
没有更多了
|
没有更多了
|
||||||
</van-divider>
|
</van-divider>
|
||||||
</div>
|
</div>
|
||||||
</van-popup>
|
</van-popup> -->
|
||||||
</div>
|
</div>
|
||||||
<van-popup
|
<van-popup
|
||||||
v-model:show="show"
|
v-model:show="show"
|
||||||
|
@ -178,6 +252,14 @@ import img16 from "@/assets/home/yxfwxz.png";
|
||||||
import img17 from "@/assets/home/yy.png";
|
import img17 from "@/assets/home/yy.png";
|
||||||
import img18 from "@/assets/home/wdwz.png";
|
import img18 from "@/assets/home/wdwz.png";
|
||||||
import img19 from "@/assets/home/xzwz.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);
|
const count = ref(0);
|
||||||
var map = null;
|
var map = null;
|
||||||
var control = null;
|
var control = null;
|
||||||
|
@ -188,7 +270,7 @@ const showdata = ref({});
|
||||||
const dropdown = reactive({
|
const dropdown = reactive({
|
||||||
sesh: "",
|
sesh: "",
|
||||||
value1: 0,
|
value1: 0,
|
||||||
hinegh: 280,
|
hinegh: 400,
|
||||||
value1: 0,
|
value1: 0,
|
||||||
value2: 0,
|
value2: 0,
|
||||||
value3: 0,
|
value3: 0,
|
||||||
|
|
Loading…
Reference in New Issue