图

litian

2025-06-27 f13b301e61d022787da1ef3e3adcd508b9422096

 src/views/bookList/bookList.vue

@@ -1,12 +1,17 @@
<template>
  <div class="bookListBox">
    <div class="searchForm">
      <van-search
        v-model="searchAllWords"
        placeholder="请输入搜索关键词"
        class="search"
        @search="onSearch"
      />
      <div class="searchBox">
        <div @click="onClickLeft">
          <van-icon name="arrow-left" color="#2b68cd" />
        </div>
        <van-search
          v-model="searchAllWords"
          placeholder="请输入搜索关键词"
          class="search"
          @search="onSearch"
        />
      </div>
      <div class="selectBox">
        <van-dropdown-menu class="classifySortBox">
          <van-dropdown-item
@@ -82,12 +87,12 @@
        </van-list>
      </van-pull-refresh>
    </div>
    <Footer />
    <!-- <Footer /> -->
  </div>
</template>
<script>
import Vue from "vue";
import Footer from "@/components/footer/footer";
// import Footer from "@/components/footer/footer";
import { Toast, Lazyload } from "vant";
Vue.use(Lazyload);
Vue.use(Toast);
@@ -99,7 +104,7 @@
    }
  },
  components: {
    Footer
    // Footer
    // backHeader
  },
  data() {
@@ -243,7 +248,7 @@
        storeInfo: this.config.digitalTextBooksGoodsStore,
        queryType: "*",
        coverSize: {
          width: 180
          height: 540
        },
        sort: {
          type: "Desc",
@@ -382,6 +387,9 @@
      } else {
        this.searchBarFixed = false;
      }
    },
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
@@ -396,10 +404,16 @@
  background-color: #e2f1fe;
  border-bottom: 3px solid #fff;
}
.searchBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px !important;
}
.search {
  background: none !important;
  width: 100%;
  padding: 15px !important;
  width: 90%;
  padding: 0 !important;
}
.selectBox {
  display: flex;