首页头部，样式调整

QYF-GitLab1

2 天以前 9cad6a832c786989be620573b09badccfe7e3b51

 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,7 +30,7 @@
        <div class="bookfilterList">
          <div class="listTitle">
            <div>结果：共计{{ total }}条</div>
            <div style="width: 300px">
            <div style="width: 340px">
              <el-input
                v-model="input3"
                placeholder="输入教材名称、作者姓名、出品方名称搜索"
@@ -89,7 +89,12 @@
        <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>
@@ -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>