地域图谱标点效果

杨磊

2024-05-20 e8ef9ac64bbfd443d01f230da370bf5b9ecb14b7

 src/components/headNav/headNav.vue

@@ -1,9 +1,15 @@
<template>
  <view class="headNav">
    <view class="NavTop flex" :style="{ backgroundImage: 'url(' + bg + ')' }" >
    <view class="NavTop flex" :style="{ backgroundImage: 'url(' + bg + ')' }">
      <view
        class="santiaogang"
        style="width: 0.34rem; height: 0.34rem; margin-right: 3rem;cursor: pointer;"
        style="
          width: 0.34rem;
          height: 0.34rem;
          margin-right: 3rem;
          cursor: pointer;
        "
        title="导航菜单"
        @click="menuNav = !menuNav"
        ><img
          style="width: 100%; height: 100%"
@@ -17,7 +23,6 @@
          style="
            margin-left: 0.19rem;
            font-size: 0.24rem;
            font-family: cursive;
            font-weight: 900;
          "
        >
@@ -163,7 +168,7 @@
    bg1: {
      type: String,
      default() {
        return "@/static/image/line.png";
        return "/static/image/line.png";
      }
    },
    idIndex: {
@@ -311,17 +316,18 @@
    },
    // 切换搜索框的展开和收起状态
    toggleSearch() {
      // console.log('撒旦范德萨发生的',this.searchInput);
      this.isExpanded = !this.isExpanded;
      this.$nextTick(() => {
        if (this.searchInput.trim() !== "") {
          console.log("搜索", this.searchInput);
          uni.navigateTo({
            url:
              "/pages/knowledgeBase/knowledgeBase?keyword=" + this.searchInput
          });
        } else {
          console.log("不搜索");
        }

        this.searchInput = "";
        console.log(this.isExpanded);
      });
    }
  }