数字教材详情

yiming

2024-06-06 dcd5065a6ed1b75b0e3c1491d267ab73b4997f11

 pages/digitalTextbooks/index.wxml

@@ -1,63 +1,71 @@
<!--pages/digitalTextbooks/digitalTextbooks.wxml-->

<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>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />


<view wx:if="{{!loading}}">

  <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 class="fixed-header">
    <view style="width: 100%; height: {{barHeight}}px;"></view>
    <view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
      <view>
        {{item.name}}
        <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" />
      </view>
      <view style="margin-top: 20rpx; " class="{{selectedIndex == index? 'bottomLineBox' :''}}"></view>
      <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
    </view>
  </view>

</view>



<view class="contentBox">

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

      <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>{{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="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 wx:else>-</view>
        <view wx:if="{{item.price == 0}}" class="price"> 免费</view>
        <view wx:else class="price">￥{{ item.price }}</view>
        <view style="margin-top: 20rpx; " class="{{selectedIndex == index? 'bottomLineBox' :''}}"></view>
      </view>
    </view>
    <view wx:if="{{!digitalTextbooksData.length }}" class="noData">
      <t-empty icon="folder-open" description="暂无数据" />

  </view>



  <view class="contentBox">

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

        <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>
          <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>
  </view>

</view>