Merge branch 'main' of https://git.zdool.com/xs/yxdt/h5 into main
This commit is contained in:
liuyalei
commit
6778c5e8de
|
|
@ -24,7 +24,11 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="mapDiv"></div>
|
<div id="mapDiv"></div>
|
||||||
<van-floating-panel v-model:height="height" :anchors="anchors" :content-draggable="false">
|
<van-floating-panel
|
||||||
|
v-model:height="height"
|
||||||
|
:anchors="anchors"
|
||||||
|
:content-draggable="false"
|
||||||
|
>
|
||||||
<van-sticky style="background-color: #fff; z-index: 99">
|
<van-sticky style="background-color: #fff; z-index: 99">
|
||||||
<van-search
|
<van-search
|
||||||
v-model="dropdown.sesh"
|
v-model="dropdown.sesh"
|
||||||
|
|
@ -51,7 +55,7 @@
|
||||||
<van-cell-group
|
<van-cell-group
|
||||||
class="card"
|
class="card"
|
||||||
:style="{
|
:style="{
|
||||||
height: height - 132 + 'px',
|
height: height - 152 + 'px',
|
||||||
}"
|
}"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
|
|
@ -103,90 +107,6 @@
|
||||||
</van-divider>
|
</van-divider>
|
||||||
</van-cell-group>
|
</van-cell-group>
|
||||||
</van-floating-panel>
|
</van-floating-panel>
|
||||||
<!-- <van-popup
|
|
||||||
:show="true"
|
|
||||||
:overlay="false"
|
|
||||||
round
|
|
||||||
position="bottom"
|
|
||||||
:style="{ height: dropdown.hinegh + 'px' }"
|
|
||||||
style="z-index: 10"
|
|
||||||
>
|
|
||||||
<div style="width: 100%" @touchmove="touchmove">
|
|
||||||
<div class="tzhz"></div>
|
|
||||||
</div>
|
|
||||||
<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://tse2-mm.cn.bing.net/th/id/OIP-C.74NfMybvAFf0IxWZBMN1vgHaFM?w=253&h=180&c=7&r=0&o=5&pid=1.7'
|
|
||||||
"
|
|
||||||
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-popup> -->
|
|
||||||
</div>
|
</div>
|
||||||
<van-popup
|
<van-popup
|
||||||
v-model:show="show"
|
v-model:show="show"
|
||||||
|
|
@ -258,7 +178,7 @@ 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 = [
|
const anchors = [
|
||||||
Math.round(0.3 * window.innerHeight),
|
Math.round(0.2 * window.innerHeight),
|
||||||
Math.round(0.5 * window.innerHeight),
|
Math.round(0.5 * window.innerHeight),
|
||||||
Math.round(0.8 * window.innerHeight),
|
Math.round(0.8 * window.innerHeight),
|
||||||
Math.round(1 * window.innerHeight),
|
Math.round(1 * window.innerHeight),
|
||||||
|
|
@ -396,16 +316,6 @@ const yxfwxz = (e) => {
|
||||||
getlist();
|
getlist();
|
||||||
list.page = 1;
|
list.page = 1;
|
||||||
};
|
};
|
||||||
const touchmove = (event) => {
|
|
||||||
if (
|
|
||||||
document.body.clientHeight - event.touches[0].clientY >= 280 &&
|
|
||||||
document.body.clientHeight - event.touches[0].clientY <=
|
|
||||||
document.body.clientHeight
|
|
||||||
) {
|
|
||||||
dropdown.hinegh = document.body.clientHeight - event.touches[0].clientY;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
const yxf = () => {
|
const yxf = () => {
|
||||||
dropdown.rmyy.forEach((item, index) => {
|
dropdown.rmyy.forEach((item, index) => {
|
||||||
var icons = new T.Icon({
|
var icons = new T.Icon({
|
||||||
|
|
@ -798,4 +708,7 @@ const getlists = () => {
|
||||||
top: 45%;
|
top: 45%;
|
||||||
left: 45%;
|
left: 45%;
|
||||||
}
|
}
|
||||||
|
:deep(.van-floating-panel__header) {
|
||||||
|
margin: 10px auto 10px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue