闫增涛
2024-09-18 c96612e8a63ecef9590be0f8b5199277ec94e5b9
pages/digitalCourses/index.wxml
@@ -1,58 +1,111 @@
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />
<view wx:else="">
<view wx:else>
  <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 class="back-icon">
      <!-- <t-icon name="chevron-left" size="30" data-name="{{item}}" bind:click="goBack" /> -->
      <image
        src="/static/images/digitalTextbooks/chevron-left.png"
        bind:tap="goBack"
        mode="aspectFit"
      />
    </view>
    <t-search model:value="{{searchValue}}" shape="round" placeholder="请输入关键词/书名/ISBN/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
    <t-search
      model:value="{{searchValue}}"
      shape="round"
      placeholder="请输入课程名称/ISBN/课程负责人"
      class="navBar-search"
      style="width: 464rpx"
      bind:submit="searchBook"
    />
  </view>
  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" 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}}">
      <view class="contentBox">
        <view class="titleBox">
          <view class="frameBox"></view>
          <view class="titleTextBox">
            <image src="/static/images/digitalCourses/zhuantitaolun@2x.png" mode="aspectFit" />
          </view>
  <view class="heardTab">
    <view class="tabBox">
      <t-tabs
        defaultValue="{{active}}"
        bind:change="onTabsChange"
        t-class="custom-tabs"
      >
        <t-tab-panel
          wx:for="{{tabList}}"
          wx:key="index"
          wx:for-item="item"
          label="{{item.name}}"
          value="{{index}}"
        >
        </t-tab-panel>
      </t-tabs>
    </view>
    <view class="dropdown">
      <t-dropdown-menu>
        <t-dropdown-item
          options="{{sorter.options}}"
          default-value="{{sorter.value}}"
          bindchange="onSort"
        />
      </t-dropdown-menu>
    </view>
  </view>
  <view class="contentBox">
    <view class="titleBox">
      <view class="frameBox"></view>
      <view class="titleTextBox">
        <image
          src="/static/images/digitalCourses/zhuantitaolun@2x.png"
          mode="aspectFit"
        />
      </view>
    </view>
  </view>
  <t-skeleton
    theme="paragraph"
    animation="gradient"
    loading="{{contentLoading}}"
    class="content-loading"
    wx:if="{{contentLoading}}"
  ></t-skeleton>
  <scroll-view
    scroll-y="{{true}}"
    class="outsideContentBox"
    bindscrolltolower="onScrollToLower"
    wx:if="{{!contentLoading}}"
  >
    <view class="ExternalInformationBox">
      <view
        class="informationBox"
        wx:for="{{courseList}}"
        wx:key="index"
        wx:for-item="item"
        data-item="{{item}}"
      >
        <view class="book-img" bind:tap="courseDetail" data-item="{{item}}">
          <image
            src="{{item.icon ? item.icon : 'https://jsek.bnuic.com/home/image/courseIcon.png'}}"
            mode="aspectFit"
          />
        </view>
        <scroll-view scroll-y="{{true}}" class="outsideContentBox" bindscrolltolower="onScrollToLower">
          <view class="ExternalInformationBox">
            <view class="informationBox" wx:for="{{courseList}}" wx:key="index" wx:for-item="item" data-item="{{item}}">
              <view class="book-img" bind:tap="courseDetail" data-item="{{item}}">
                <image src="{{item.icon}}" mode="aspectFit" />
              </view>
              <view class="book-Info">
                <view class="book-name" bind:tap="courseDetail" data-item="{{item}}">
                  {{item.name}}
                </view>
                <view class="viewCount">
                  {{item.viewCount }}次点击
                </view>
                <view class="author">
                  <view>
                    {{ item.courseLeader}}
                  </view>
                  <view>
                    {{ item.classHours}}课时
                  </view>
                </view>
                <view class="money">
                  <view wx:if="{{item.price != 0}}">¥{{item.price }}</view>
                  <view wx:else> 免费</view>
                  <view bind:tap="addCart" data-item="{{item}}">
                    <t-icon name="cart" size="16" />
                  </view>
                </view>
              </view>
        <view class="book-Info">
          <view class="book-name" bind:tap="courseDetail" data-item="{{item}}">
            {{item.name}}
          </view>
          <view class="viewCount"> {{item.viewCount }}次点击 </view>
          <view class="author">
            <view> {{ item.courseLeader}} </view>
            <view> {{ item.classHours}}课时 </view>
          </view>
          <view class="money">
            <view wx:if="{{item.price != 0}}">¥{{item.price }}</view>
            <view wx:else> 免费</view>
            <view bind:tap="addCart" data-item="{{item}}">
              <t-icon name="cart" size="16" />
            </view>
          </view>
          <view wx:if="{{courseList.length <= 0}}" class="noDataBox">
            <t-empty icon="folder-open" description="暂无数据" font-size="80" />
          </view>
        </scroll-view>
        </view>
      </view>
    </t-tab-panel>
  </t-tabs>
</view>
    </view>
    <view wx:if="{{noData}}" class="noDataBox">
      <t-empty icon="folder-open" description="暂无数据" font-size="80" />
    </view>
  </scroll-view>
</view>