首页

杨磊

3 天以前 81a132f7b5d022e8d55dc1fefe2a7357f5bcbafa

 src/views/bookStore/index.vue

@@ -4,7 +4,7 @@
      <img class="bannerImg" :src="banner[0]?.icon" @click="bannerLink(item)" />
      <div class="bannerText">
        <div>数字教材</div>
        <div class="enText">ABOUT US</div>
        <div class="enText">TEXT BOOK</div>
      </div>
    </div>
    <div class="contentBox" style="margin-top: 50px">
@@ -12,7 +12,7 @@
        <img class="autoimg" src="@/assets/images/bookStore/feblei.png" />
      </div>
      <div class="classificationBox">
        <div style="width: 100px">分类：</div>
        <div style="width: 100px; line-height: 60px">分类：</div>
        <div class="classificaListBox">
          <div
            class="classificaItem"
@@ -30,10 +30,10 @@
        <div class="bookfilterList">
          <div class="listTitle">
            <div>结果：共计{{ total }}条</div>
            <div style="width: 300px">
            <div style="width: 340px">
              <el-input
                v-model="input3"
                placeholder="输入教材名称、作者姓名、出品方名称搜索"
                placeholder="输入书名、作者、书号搜索"
                class="input-with-select"
              >
                <template #append>
@@ -56,9 +56,7 @@
                </div>
                <div class="infoBox">
                  <div class="bookName">{{ item.name }}</div>
                  <div class="author">
                    作者：{{ item.authorcaupress_author ? item.caupress_author : '-' }}
                  </div>
                  <div class="author">作者：{{ item.author ? item.author : '-' }}</div>
                  <div class="priceBox">
                    <span class="oldPrice" v-if="item.oldPrice">原价：¥{{ item.oldPrice }}</span>
                    <span class="price" v-if="item.price && item.price > 0">
@@ -89,15 +87,18 @@
        <div class="recommendBox">
          <div class="recommendTitle">推荐教材</div>
          <div class="newRecommendList">
            <div class="recommendItem" v-for="item in recommendBookListData" :key="item.id">
            <div
              class="recommendItem"
              v-for="item in recommendBookListData"
              :key="item.id"
              @click="toDetail(item)"
            >
              <div class="recommendItemImg">
                <img class="autoImg" :src="item.icon" />
              </div>
              <div class="infoBox">
                <div class="bookName">{{ item.name }}</div>
                <div class="author">
                  作者：{{ item.authorcaupress_author ? item.caupress_author : '-' }}
                </div>
                <div class="author">作者：{{ item.author ? item.author : '-' }}</div>
                <div class="priceBox">
                  <span class="oldPrice" v-if="item.oldPrice">原价：¥{{ item.oldPrice }}</span>
                  <span class="price" v-if="item.price && item.price > 0">
@@ -192,13 +193,17 @@
      start: (currentPage1.value - 1) * 20,
      size: 20,
    },
    fields: {},
    fields: {
      author: [],
    },
  }
  if (currentLevel.value !== 'all') {
    query.fields['teachingLevel='] = currentLevel.value
  }
  if (input3.value) {
    query.fields['Name*'] = input3.value
    query.fields['||Name*'] = input3.value
    query.fields['||author*'] = input3.value
    query.fields['||isbn*'] = input3.value
  }
  MG.store.getProductList(query).then((res) => {
    console.log(res, '11111111111')
@@ -253,7 +258,7 @@
      text-align: center;
    }
    .enText {
      font-size: 36px;
      font-size: 28px;
      opacity: 0.45;
      margin-top: 20px;
    }
@@ -265,6 +270,7 @@
    margin-top: 30px;
    .classificaListBox {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      .classificaItem {
        display: flex;
@@ -333,6 +339,9 @@
    &:last-child {
      margin-right: 0;
    }
  }
  .recommendItem:hover {
    background-image: url(@/assets/images/Mouse_fill.png);
  }
  .recommendItemImg {
    width: 150px;
@@ -425,3 +434,9 @@
  color: #144941;
}
</style>
<style>
.el-input-group__append {
  background-color: #144941;
  color: #fff;
}
</style>