闫增涛
2024-03-29 e060ad2b2da9884e00b36796548eacc6a2b9a5d3
packageBookService/pages/bookServices/list/index.wxml
@@ -1,58 +1,146 @@
<!-- 图书服务-列表 -->
<view style="width: 100%; height: {{barHeight}}px;"></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
  <view>
    <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
<page-meta page-style="{{showDropdown ? 'overflow: hidden;' : ''}}">
  <view style="width: 100%; height: {{barHeight}}px;"></view>
  <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
    <view>
      <t-icon
        name="chevron-left"
        size="30"
        data-name="{{item}}"
        bind:click="goBack"
      />
    </view>
    <t-search
      model:value="{{searchValue}}"
      shape="round"
      placeholder="请输入关键词/书名/ISBN/作者"
      class="navBar-search"
      style="width: 464rpx"
      bind:submit="searchBook"
    />
  </view>
  <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
</view>
<view class="bookServices-list">
  <view class="list-header">
    <view class="header-scroll">
      <t-dropdown-menu style="width: 1000rpx">
        <t-dropdown-item options="{{stairList.options}}" value="{{stairList.value}}" bindchange="onChangeStair" />
        <t-dropdown-item label="二级" options="{{secondList.options}}" optionsColumns="2" multiple value="{{secondList.value}}" bind:confirm="onConfirmSecond" bind:change="onChangeSecond" />
        <t-dropdown-item label="重点项目" options="{{majorProjectList.options}}" optionsColumns="2" multiple defaultValue="{{majorProjectList.value}}" bind:confirm="changeMajorProject" bind:reset="resetMajorProject" />
        <t-dropdown-item label="新形态教材" options="{{newTextBook.options}}" optionsColumns="2" multiple defaultValue="{{newTextBook.value}}" bind:confirm="changeNewText" bind:reset="resetNewText" />
      </t-dropdown-menu>
    </view>
    <view class="header-sort" bind:tap="sortClick">
      <text class="sort-name">排序</text>
      <!-- <view class="sort-icon"> -->
      <t-icon name="swap-left" size="28rpx" class="icon-right" color="{{sort == 'Asc' ? '#ff6c00' : ''}}" />
      <t-icon name="swap-left" size="28rpx" class="icon-left" color="{{sort == 'Desc' ? '#ff6c00' : ''}}" />
      <!-- </view> -->
    </view>
  </view>
  <t-pull-down-refresh value="{{enable}}" loadingProps="{{loadingProps}}" loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}" bind:refresh="onRefresh" class="down-refresh">
    <scroll-view scroll-y="{{true}}" class="list-container" bindrefresherrefresh="onPullDownRefresh" bindscrolltolower="onReachBottom">
      <view class="assort-title">
        <view class="title-box"></view>
        <view class="title-name">{{assortCheck.name}}</view>
  <view class="bookServices-list">
    <view class="list-header">
      <view class="header-scroll">
        <t-dropdown-menu style="width: 1000rpx">
          <t-dropdown-item
            optionsColumns="2"
            options="{{stairList.options}}"
            value="{{stairList.value}}"
            bindchange="onChangeStair"
          />
          <t-dropdown-item
            disabled="{{disabledSecondList}}"
            label="二级"
            bind:open="openDropdown"
            bind:close="closeDropdown"
            options="{{secondList.options}}"
            optionsColumns="2"
            multiple
            value="{{secondList.value}}"
            bind:confirm="onConfirmSecond"
            bind:change="onChangeSecond"
          />
          <t-dropdown-item
            label="重点项目"
            options="{{majorProjectList.options}}"
            optionsColumns="2"
            multiple
            defaultValue="{{majorProjectList.value}}"
            bind:confirm="changeMajorProject"
            bind:reset="resetMajorProject"
          />
          <t-dropdown-item
            label="新形态教材"
            options="{{newTextBook.options}}"
            optionsColumns="2"
            multiple
            defaultValue="{{newTextBook.value}}"
            bind:confirm="changeNewText"
            bind:reset="resetNewText"
          />
        </t-dropdown-menu>
      </view>
      <view class="page-content">
        <view class="book-list" wx:if="{{!loaidng}}">
          <view class="book-box" wx:for="{{bookList}}" wx:key="id" bind:tap="goDetail" data-book="{{item}}">
            <view class="book-img">
              <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" aria-label="{item.name{}}" mode="widthFix" />
      <view class="header-sort" bind:tap="sortClick">
        <text class="sort-name">排序</text>
        <!-- <view class="sort-icon"> -->
        <t-icon
          name="swap-left"
          size="28rpx"
          class="icon-right"
          color="{{sort == 'Asc' ? '#ff6c00' : ''}}"
        />
        <t-icon
          name="swap-left"
          size="28rpx"
          class="icon-left"
          color="{{sort == 'Desc' ? '#ff6c00' : ''}}"
        />
        <!-- </view> -->
      </view>
    </view>
    <t-pull-down-refresh
      value="{{enable}}"
      loadingProps="{{loadingProps}}"
      loadingTexts="{{['下拉刷新', '松手刷新', '正在刷新', '刷新完成']}}"
      bind:refresh="onRefresh"
      class="down-refresh"
    >
      <scroll-view
        scroll-y="{{true}}"
        class="list-container"
        bindrefresherrefresh="onPullDownRefresh"
        bindscrolltolower="onReachBottom"
      >
        <view class="assort-title">
          <view class="title-box"></view>
          <view class="title-name">{{assortCheck.name}}</view>
        </view>
        <view class="page-content">
          <view class="book-list" wx:if="{{!loaidng}}">
            <view
              class="book-box"
              wx:for="{{bookList}}"
              wx:key="id"
              bind:tap="goDetail"
              data-book="{{item}}"
            >
              <view class="book-img">
                <image
                  src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}"
                  aria-label="{item.name{}}"
                  mode="aspectFit"
                />
              </view>
              <view class="book-name book-color">{{ item.name}}</view>
              <view class="book-author book-color">{{item.author}}</view>
            </view>
            <view class="book-name book-color">{{ item.name}}</view>
            <view class="book-author book-color">{{item.author}}</view>
            <view wx:if="{{noData}}" class="noData">
              <t-empty icon="folder-open" description="暂无数据" />
            </view>
          </view>
          <view wx:if="{{noData}}" class="noData">
            <t-empty icon="folder-open" description="暂无数据" />
          <!-- loading -->
          <view class="loading-box" wx:if="{{loaidng}}">
            <t-loading
              theme="circular"
              size="60rpx"
              class="wrapper"
              loading="{{loaidng}}"
              wx:if="{{loaidng}}"
            />
          </view>
        </view>
        <!-- loading -->
        <view class="loading-box" wx:if="{{loaidng}}">
          <t-loading theme="circular" size="60rpx" class="wrapper" loading="{{loaidng}}" wx:if="{{loaidng}}" />
        <view class="bottom-box">
          <t-loading
            theme="circular"
            size="40rpx"
            class="wrapper"
            wx:if="{{isMore == true}}"
          />
          <text wx:if="{{isMore == false}}">没有更多了</text>
        </view>
      </view>
      <view class="bottom-box">
        <t-loading theme="circular" size="40rpx" class="wrapper" wx:if="{{isMore == true}}" />
        <text wx:if="{{isMore == false}}">没有更多了</text>
      </view>
    </scroll-view>
  </t-pull-down-refresh>
</view>
      </scroll-view>
    </t-pull-down-refresh>
  </view>
</page-meta>