旅游教育出版社-数字教材移动端
litian
2025-06-27 187f70057558e0482e611131882451e0fedaf1cc
src/views/bookList/bookList.vue
@@ -1,12 +1,15 @@
<template>
  <div class="bookListBox">
    <div class="searchForm">
      <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 +85,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 +102,7 @@
    }
  },
  components: {
    Footer
    // Footer
    // backHeader
  },
  data() {
@@ -382,6 +385,9 @@
      } else {
        this.searchBarFixed = false;
      }
    },
    onClickLeft() {
      this.$router.go(-1);
    }
  }
};
@@ -396,10 +402,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;