11

src/views/HomeView.vue

@@ -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,