图书分类、列表、详情页bug修改

闫增涛

2024-03-28 72edc07a7fe714316d318708710c150f7d247bbc

 pages/bookServices/assort/index.wxml

@@ -8,14 +8,21 @@
      placeholder="请输入关键词/书名/ISBN/作者"
      leftIcon=""
      bind:submit="navToSearchPage"
      placeholder-style="{{placeholderstyle}}"
    >
      <t-icon slot="left-icon" prefix="wr" name="search" size="40rpx" color="#bbb" />
      <t-icon
        slot="left-icon"
        prefix="wr"
        name="search"
        size="40rpx"
        color="#bbb"
      />
    </t-search>
  </view>
</view>

<view class="page-container">
  <view class="side-bar-wrapper">
  <view class="side-bar-wrapper" wx:if="{{!loading}}">
    <view class="tab-left">
      <t-side-bar value="{{assortCheck.code}}" bind:change="changeAssort">
        <t-side-bar-item
@@ -27,50 +34,105 @@
        />
      </t-side-bar>
    </view>
    <view class="side-bar-content">
      <!-- 一级分类 -->
      <view class="tab-top">
        <scroll-view scroll-x="{{true}}" class="myScroll">
    <view class="page-right">
      <!-- 右侧 -->
      <view class="side-bar-content" wx:if="{{!listLoding}}">
        <!-- 一级分类 -->
        <view class="tab-top">
          <scroll-view
            scroll-x="{{true}}"
            class="myScroll"
            show-scrollbar="{{false}}"
          >
            <view
              wx:for="{{startList}}"
              wx:key="id"
              class="row {{startCheck.id == item.id ? 'tab-active' : ''}}"
              bind:tap="tabClick"
              data-tabData="{{item}}"
              >{{item.name}}</view
            >
          </scroll-view>
        </view>
        <!-- 内容 -->
        <scroll-view
          scroll-y="{{true}}"
          class="class-list"
          scroll-into-view="{{ 'list' + startCheck.id}}"
        >
          <view wx:if="{{listLoading}}">
            <t-loading
              theme="spinner"
              size="400rpx"
              loading="{{listLoading}}"
            ></t-loading>
          </view>
          <view
            wx:for="{{startList}}"
            wx:for-item="item"
            wx:key="id"
            class="row {{startCheck == item.refCode ? 'tab-active' : ''}}"
            bind:tap="tabClick"
            data-tabData="{{item}}"
            wx:if="{{item.children.length}}"
            >{{item.name}}</view
            id="{{ 'list' + item.id}}"
            class="class-box"
            wx:if="{{!listLoading}}"
          >
        </scroll-view>
      </view>
      <!-- 内容 -->
      <scroll-view scroll-y="{{true}}" class="class-list" scroll-into-view="{{startCheck}}">
        <view wx:if="{{listLoading}}">
          <t-loading theme="spinner" size="400rpx" loading="{{listLoading}}"></t-loading>
        </view>
        <view
          wx:for="{{startList}}"
          wx:for-item="item"
          wx:key="item.refCode"
          id="{{item.refCode}}"
          class="class-box"
          wx:if="{{item.children.length && !listLoading}}"
        >
          <view class="class-name">{{item.name}}</view>
          <view class="class-content">
            <view
              wx:for="{{item.children}}"
              wx:for-item="citem"
              wx:key="id"
              class="book-box"
              bind:tap="goPageList"
              data-stairCode="{{citem}}"
            >
              <t-image src="/static/images/bookService/assort/book-img.png" mode="heightFix" width="58" height="72" />
              <view class="classify">{{citem.name}}</view>
            <view class="class-name">{{item.name}}</view>
            <view class="class-content">
              <view
                wx:for="{{item.children}}"
                wx:for-item="citem"
                wx:key="id"
                class="book-box"
                bind:tap="goPageList"
                data-stair="{{citem}}"
                data-tabData="{{item}}"
                wx:if="{{item.children.length}}"
              >
                <view class="assort-img">
                  <image
                    src="{{citem.icon ? citem.icon : '/static/images/default-book-img.png'}}"
                    mode="widthFix"
                  />
                </view>
                <view class="classify">{{citem.name}}</view>
              </view>
              <view
                wx:if="{{!item.children.length}}"
                class="book-box"
                bind:tap="goPageList"
                data-tabData="{{item}}"
              >
                <view class="assort-img">
                  <image
                    src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}"
                    mode="widthFix"
                  ></image>
                </view>
                <text class="classify">全部</text>
              </view>
            </view>
          </view>
        </view>
      </scroll-view>
          <view class="bottom-box"> </view>
        </scroll-view>
      </view>
      <!-- loading -->
      <view class="loading-box" wx:if="{{listLoding}}">
        <t-loading
          theme="circular"
          size="60rpx"
          class="wrapper"
          loading="{{listLoding}}"
          wx:if="{{listLoding}}"
        />
      </view>
    </view>
  </view>
  <view class="loading-box" wx:if="{{loading}}">
    <t-loading
      theme="circular"
      size="60rpx"
      class="wrapper"
      loading="{{loading}}"
      wx:if="{{loading}}"
    />
  </view>
</view>