小程序，教材，课程

litian

2024-06-26 ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd

 pages/digitalCourses/index.wxml

@@ -1,71 +1,58 @@
<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-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}}" style="{{tabPanelstyle}}">

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


      <view class="ExternalInformationBox">
        <view class="informationBox" wx:for="{{courseList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="courseDetail">

          <view class="book-img">
            <image src="{{item.icon}}" mode="aspectFit" />
          </view>

          <view class="book-name">
            {{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>
              <t-icon name="cart" size="16" />
            </view>
          </view>
        </view>
      </view>
      <view wx:if="{{courseList.length <= 0}}" class="noDataBox">

        <t-empty icon="folder-open" description="暂无数据" font-size="80" />


      </view>

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

  </t-tab-panel>

</t-tabs>
    <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>
        <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>
          </view>
          <view wx:if="{{courseList.length <= 0}}" class="noDataBox">
            <t-empty icon="folder-open" description="暂无数据" font-size="80" />
          </view>
        </scroll-view>
      </view>
    </t-tab-panel>
  </t-tabs>
</view>