数字课程

yiming

2024-06-13 afa97d5f4e0ed176a556d9fe04d4655e005e6991

 pages/digitalTextbooks/index.wxml

@@ -6,66 +6,77 @@
<view wx:if="{{!loading}}">


  <view class="fixed-header">
    <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 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>



    <view class="tabBox">
      <view wx:for="{{tabList}}" wx:key="index" wx:for-item="item" wx:for-index="index" class="{{selectedIndex == index? 'nameBox' :''}}" data-index="{{index}}" bind:tap="selectTab">
        <view>
          {{item.name}}
        </view>
        <view style="margin-top: 20rpx; " class="{{selectedIndex == index? 'bottomLineBox' :''}}"></view>
      </view>
    </view>

    <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
  </view>



  <view class="contentBox">
  <t-tabs defaultValue="{{0}}" bind:change="selectTab" t-class="custom-tabs" t-class-content="custom-panel">
    <t-tab-panel wx:for="{{tabList}}" wx:key="index" wx:for-item="item" wx:for-index="index" label="{{item.name}}" value="{{index}}" style="{{tabPanelstyle}}">

    <view class="titleBox">
      <view class="frameBox"></view>
      <view class="titleTextBox">
        <!-- <image src="/static/images/bookExhibitionList/zhuantitaolun.png" mode="aspectFit" /> -->
      <view class="contentBox">

        <view>数字教材列表</view>
      </view>
    </view>



    <view class="bookContentBox">
      <view class="external" wx:for="{{digitalTextbooksData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="jumpDetails">
        <view class="amountClick">
          <t-icon name="browse" size="15" data-name="{{item}}" bind:click="goBack" />
          <view style="margin-left: 5rpx;">{{item.viewCount}}</view>
        </view>
        <view class="imageBox">
          <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" mode="" />
        </view>
        <view class="bookName">{{item.name}}</view>
        <view class="information">
          <view wx:if="{{item.author}}" class="book-author">
            {{ item.author }}
        <view class="titleBox">
          <view class="frameBox"></view>
          <view class="titleTextBox">
            <!-- <image src="/static/images/digitalCourses/zhuantitaolun@2x.png" mode="aspectFit" /> -->
            <view>数字课程列表</view>
          </view>
          <view wx:else>-</view>
          <view wx:if="{{item.price == 0}}" class="price"> 免费</view>
          <view wx:else class="price">￥{{ item.price }}</view>
        </view>




        <scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">


          <view class="bookContentBox">
            <view class="external" wx:for="{{digitalTextbooksData}}" wx:key="index" wx:for-item="item" wx:for-index="index" data-item="{{item}}" bind:tap="jumpDetails">
              <view class="amountClick">
                <t-icon name="browse" size="15" data-name="{{item}}" bind:click="goBack" />
                <view style="margin-left: 5rpx;">{{item.viewCount}}</view>
              </view>
              <view class="imageBox">
                <image src="{{item.icon ? item.icon : '/static/images/default-book-img.png'}}" mode="" />
              </view>
              <view class="bookName">{{item.name}}</view>
              <view class="information">
                <view wx:if="{{item.author}}" class="book-author">
                  {{ item.author }}
                </view>
                <view wx:else>-</view>
                <view wx:if="{{item.price == 0}}" class="price"> 免费</view>
                <view wx:else class="price">￥{{ item.price }}</view>
              </view>
            </view>

            <view wx:if="{{!digitalTextbooksData.length }}" class="noData">
              <t-empty icon="folder-open" description="暂无数据" />
            </view>
          </view>


        </scroll-view>








      </view>
      <view wx:if="{{!digitalTextbooksData.length }}" class="noData">
        <t-empty icon="folder-open" description="暂无数据" />
      </view>
    </view>
  </view>

    </t-tab-panel>

  </t-tabs>




</view>