feat: 热力图增加当前数据展示

h5/src/router/index.js

@@ -22,7 +22,7 @@ const routes = [
 
 
 // const isDev = process.env.NODE_ENV === "development";
 // const isDev = process.env.NODE_ENV === "development";
 const router = createRouter({
 const router = createRouter({
-  history: createWebHistory("/appH5/"),
+  history: createWebHistory("/appH5"),
   routes,
   routes,
 });
 });
 
 

h5/src/views/heatMap/index.vue

@@ -20,11 +20,13 @@
       :min="1"
       :min="1"
       v-model="sliderVal"
       v-model="sliderVal"
       @change="slideHandle"
       @change="slideHandle"
-    />
+    >
+    </van-slider>
+    <div v-if="sliderVal" class="custom-button">{{ getSliderVal }}</div>
   </div>
   </div>
 </template>
 </template>
 <script setup>
 <script setup>
-import { onMounted, watch, ref, nextTick } from "vue";
+import { onMounted, watch, ref, nextTick, computed } from "vue";
 import { useRoute } from "vue-router";
 import { useRoute } from "vue-router";
 import { Toast } from "vant";
 import { Toast } from "vant";
 
 
@@ -34,6 +36,12 @@ let map = null; // 地图对象
 
 
 const $route = useRoute();
 const $route = useRoute();
 
 
+const getSliderVal = computed(() => {
+  return timeLevel.value == "rt"
+    ? getTimeMin(sliderVal.value)
+    : Math.round(sliderVal.value) + "";
+});
+
 // 监听route参数
 // 监听route参数
 // ?atoken='xxx'&mallId='xxx'
 // ?atoken='xxx'&mallId='xxx'
 const storeId = ref(""); // 店铺id
 const storeId = ref(""); // 店铺id

h5/vite.config.js

@@ -16,7 +16,7 @@ const loder_pxtovw = pxtovw({
 import path from "path";
 import path from "path";
 import copy from "rollup-plugin-copy";
 import copy from "rollup-plugin-copy";
 export default defineConfig({
 export default defineConfig({
-  base: "./",
+  base: "/appH5/",
   publicDir: "public",
   publicDir: "public",
   server: {
   server: {
     host: true,
     host: true,