专题

yiming

2024-06-17 2b222a728e2aa4c1409e2fd26849df6fbc4d1e3b

专题

 pages/digitalCourses/index.js

@@ -17,7 +17,8 @@
    tabList: [],
    courseList: [],
    searchValue: '',
    activeItem: null
    activeItem: null,
    loading: false
  },

  /**
@@ -93,6 +94,10 @@
    wx.navigateBack();
  },
  getCourseTypeListList() {

    this.setData({
      loading: true
    })
    const data = {
      path: '*',
      filterList: [{
@@ -117,7 +122,8 @@

      this.setData({
        tabList: newData,
        activeItem: newData[0]
        activeItem: newData[0],
        loading: false
      })
      this.getCourseList(newData[0])


 pages/digitalCourses/index.skeleton.wxml

New file
@@ -0,0 +1,151 @@
<!--
此文件为开发者工具生成，生成时间: 2024/6/17下午5:53:38
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalCourses\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalCourses\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view style="width: 100%; height: 44px;"></view>
    <view class="nacigationBar" style="width: 70%; height: 40px;">
      <view>
        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
        </view>
      </view>
      <view class="navBar-search t-search search--t-search " style="width: 232px;">
        <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--round search--t-search__input-box--round ">
          <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
            <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
          </view>
          <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view>
        </view>
      </view>
    </view>
    <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
      <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
        <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
          <view class="t-tabs__wrapper tabs--t-tabs__wrapper t-tabs__wrapper--line tabs--t-tabs__wrapper--line">
            <scroll-view enable-flex="true" enable-passive="true" enhanced="true" scroll-anchoring="true" scroll-with-animation="true" class="t-tabs__scroll tabs--t-tabs__scroll t-tabs__scroll--top tabs--t-tabs__scroll--top t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
              <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
                <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top t-tabs__item--active tabs--t-tabs__item--active sk-image" data-index="0">
                  <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line t-tabs__item-inner--active tabs--t-tabs__item-inner--active sk-transparent sk-text-14-2857-192 sk-text">职业教育</view>
                </view>
                <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="1">
                  <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-674 sk-text">教师教育</view>
                </view>
                <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="2">
                  <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-954 sk-text">高等教育</view>
                </view>
                <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="3">
                  <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-496 sk-text">学前教育</view>
                </view>
                <view class="t-tabs__item tabs--t-tabs__item t-tabs__item--line tabs--t-tabs__item--line t-tabs__item--evenly tabs--t-tabs__item--evenly t-tabs__item--top tabs--t-tabs__item--top " data-index="4">
                  <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-411 sk-text">考试培训</view>
                </view>
                <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(36px); transform: translateX(36px); "></view>
              </view>
            </scroll-view>
          </view>
        </view>
      </view>
      <view class="t-tabs__content tabs--t-tabs__content">
        <view class="t-tabs__content-inner tabs--t-tabs__content-inner custom-panel" style="true">
          <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="display:flex;justify-content:center;align-items:center;" id="1b3dd67c--t_tabs_3_panel_0">
            <view class="contentBox">
              <view class="titleBox">
                <view class="frameBox"></view>
                <view class="titleTextBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
              </view>
              <scroll-view class="outsideContentBox" scroll-y="true">
                <view class="ExternalInformationBox">
                  <view class="informationBox" data-item="[object Object]">
                    <view class="book-img">
                      <image mode="aspectFit" class="sk-image"></image>
                    </view>
                    <view class="book-name sk-transparent sk-text-14-2857-331 sk-text">
                      数学（基础模块 上册）精品课程
                    </view>
                    <view class="viewCount sk-transparent sk-text-14-2857-174 sk-text">
                      1次点击

                    </view>
                    <view class="author">
                      <view class="sk-transparent sk-text-14-2857-935 sk-text">
                        曹一鸣
                      </view>
                      <view class="sk-transparent sk-text-14-2857-476 sk-text">
                        10课时
                      </view>
                    </view>
                    <view class="money">
                      <view class="sk-transparent sk-text-14-2857-769 sk-text">￥60.00</view>
                      <view>
                        <view class="t-icon icon--t-icon  " style="font-size: 16px;">
                          <label class="t-icon-cart icon--t-icon-cart t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                      </view>
                    </view>
                  </view>
                  <view class="informationBox" data-item="[object Object]">
                    <view class="book-img">
                      <image mode="aspectFit" class="sk-image"></image>
                    </view>
                    <view class="book-name sk-transparent sk-text-14-2857-556 sk-text">
                      出版实务精品课程
                    </view>
                    <view class="viewCount sk-transparent sk-text-14-2857-892 sk-text">
                      4次点击

                    </view>
                    <view class="author">
                      <view class="sk-transparent sk-text-14-2857-800 sk-text">
                        李红
                      </view>
                      <view class="sk-transparent sk-text-14-2857-562 sk-text">
                        10课时
                      </view>
                    </view>
                    <view class="money">
                      <view class="sk-transparent sk-text-14-2857-236 sk-text">￥50.00</view>
                      <view>
                        <view class="t-icon icon--t-icon  " style="font-size: 16px;">
                          <label class="t-icon-cart icon--t-icon-cart t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                        </view>
                      </view>
                    </view>
                  </view>
                </view>
              </scroll-view>
            </view>
          </view>
          <view class="  t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="e84f38b3--t_tabs_3_panel_1">
            <view class="contentBox"></view>
          </view>
          <view class="  t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="a7f4c2f8--t_tabs_3_panel_2">
            <view class="contentBox"></view>
          </view>
          <view class="  t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="e3fcee66--t_tabs_3_panel_3">
            <view class="contentBox"></view>
          </view>
          <view class="  t-tab-panel panel--t-tab-panel" style="display:flex;justify-content:center;align-items:center; height: 0;" id="86412347--t_tabs_3_panel_4">
            <view class="contentBox"></view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

 pages/digitalCourses/index.skeleton.wxss

New file
@@ -0,0 +1,119 @@
/*
此文件为开发者工具生成，生成时间: 2024/6/17下午5:53:38

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalCourses\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-192 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-674 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-954 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-496 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-411 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-331 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-174 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-935 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-476 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-769 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-556 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-892 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 30.8000rpx;
    position: relative !important;
  }
.sk-text-14-2857-800 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-562 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-236 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/digitalCourses/index.wxml

@@ -1,66 +1,78 @@
<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" />
<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-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>



<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}}">
  <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="contentBox">

      <view class="titleBox">
        <view class="frameBox"></view>
        <view class="titleTextBox">
          <image src="/static/images/digitalCourses/zhuantitaolun@2x.png" mode="aspectFit" />
        <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>
        </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}}" bind:tap="courseDetail">
        <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}}" 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 class="book-img">
                <image src="{{item.icon}}" mode="aspectFit" />
              </view>
              <view>
                {{ item.classHours}}课时

              <view class="book-name">
                {{item.name}}
              </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 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>
        <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 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>

 pages/digitalCourses/index.wxss

@@ -1,5 +1,5 @@
/* pages/digitalCourses/index.wxss */

@import "./index.skeleton.wxss";

image {
  width: 100%;

 pages/specialDiscussion/index.js

@@ -23,7 +23,8 @@
    batList: [],
    specialDiscussionList: [],
    searchValue: '',
    batListValue: ''
    batListValue: '',
    loading: false
  },

  /**
@@ -40,7 +41,11 @@
      navBarHeight: navBarHeight,
    });
    this.ceShiList()


    this.getCourseTypeListList()


  },

  /**
@@ -120,6 +125,9 @@
  },
  // 获取图片文字列表
  ceShiList() {
    this.setData({
      loading: true
    })
    let searchObj = {}
    if (this.data.searchValue) {
      searchObj = {
@@ -177,9 +185,10 @@
            // console.log('两个时间相同，')
          }
        })

        this.setData({
          specialSubjectList,

          loading: false,
          "tabList[0].amount": specialSubjectList.length
        })
      })
@@ -247,6 +256,7 @@


  specialDiscussionGet(item) {

    let searchObj = {}
    if (this.data.searchValue) {
      searchObj = {
@@ -297,7 +307,10 @@

        this.setData({
          specialDiscussionList: data,
          "tabList[1].amount": data.length
          "tabList[1].amount": data.length,



        })

        console.log(this.data.specialDiscussionList);

 pages/specialDiscussion/index.skeleton.wxml

New file
@@ -0,0 +1,67 @@
<!--
此文件为开发者工具生成，生成时间: 2024/6/17下午5:46:05
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\specialDiscussion\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\specialDiscussion\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view style="width: 100%; height: 44px;"></view>
    <view class="nacigationBar" style="width: 70%; height: 40px;">
      <view>
        <view class="t-icon icon--t-icon  " style="font-size: 30px;">
          <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
        </view>
      </view>
      <view class="navBar-search t-search search--t-search " style="width: 232px;">
        <view class="t-search__input-box search--t-search__input-box t-not-focused search--t-not-focused t-search__input-box-- search--t-search__input-box-- t-search__input-box--round search--t-search__input-box--round ">
          <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
            <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
          </view>
          <view class="t-input__keyword search--t-input__keyword sk-image" cursor="0" maxlength="-1" name="input" placeholder="请输入关键词/书名/作者" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1"
            selection-start="-1" type="text" value="true"></view>
        </view>
      </view>
    </view>
    <view class="tabsBox">
      <view class="tabsSelect" data-index="0">
        <view class="tabsNameSelect sk-transparent sk-image">即将直播 (1)</view>
        <view class="selectLine"></view>
      </view>
      <view class="tabsNameBox" data-index="1">
        <view class="tabsName sk-transparent sk-text-14-2857-148 sk-text">直播回放 (0)</view>
        <view></view>
      </view>
    </view>
    <view>
      <view class="displayContent" data-item="[object Object]">
        <view class="imageBox">
          <image mode="aspectFit" class="sk-image"></image>
        </view>
        <view class="tltieBox">
          <view class="nameTltieBox sk-transparent sk-text-14-2857-451 sk-text">
            体操类运动 新课标教材教法与教学设计
          </view>
          <view class="directSeeding sk-transparent sk-text-14-2857-293 sk-text">
            直播时间：2026-05-23 19:30:00
          </view>
          <view class="position">
            <view style="color: #333;" class="sk-transparent sk-text-14-2857-50 sk-text"> 张繁</view>
            <view style="color: #FF6C00;" class="sk-transparent sk-text-14-2857-339 sk-text">免费</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

 pages/specialDiscussion/index.skeleton.wxss

New file
@@ -0,0 +1,69 @@
/*
此文件为开发者工具生成，生成时间: 2024/6/17下午5:46:05

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\specialDiscussion\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
*/
.sk-transparent {
    color: transparent !important;
  }
.sk-text-14-2857-148 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text {
    background-origin: content-box !important;
    background-clip: content-box !important;
    background-color: transparent !important;
    color: transparent !important;
    background-repeat: repeat-y !important;
  }
.sk-text-14-2857-451 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 39.2000rpx;
    position: relative !important;
  }
.sk-text-14-2857-293 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-50 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-text-14-2857-339 {
    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
    background-size: 100% 33.6000rpx;
    position: relative !important;
  }
.sk-image {
    background: #EFEFEF !important;
  }
.sk-pseudo::before, .sk-pseudo::after {
      background: #EFEFEF !important;
      background-image: none !important;
      color: transparent !important;
      border-color: transparent !important;
    }
.sk-pseudo-rect::before, .sk-pseudo-rect::after {
      border-radius: 0 !important;
    }
.sk-pseudo-circle::before, .sk-pseudo-circle::after {
      border-radius: 50% !important;
    }
.sk-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
  }

 pages/specialDiscussion/index.wxml

@@ -1,81 +1,89 @@
<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="请输入关键词/书名/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
</view>
<import src="index.skeleton.wxml" />
<template is="skeleton" wx:if="{{loading}}" />


<view class="tabsBox">
  <view wx:for="{{tabList}}" wx:key="index" wx:for-item="item" data-index="{{index}}" bind:tap="onTabsTap" class="{{ index == tabIndex  ?' tabsSelect ' : 'tabsNameBox'}}">
    <view class="{{ index == tabIndex  ?' tabsNameSelect ' : 'tabsName'}}">{{item.name}} ({{item.amount}})</view>
    <view class="{{index == tabIndex ? 'selectLine' :''}}"></view>
  </view>
</view>


<view wx:if="{{tabIndex == 0}}">


  <view wx:for="{{specialSubjectList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
    <view class="imageBox">
      <image src="{{item.icon}}" mode="aspectFit" />
    </view>

    <view class="tltieBox">
      <view class="nameTltieBox">
        {{item.name}}
      </view>
      <view class="directSeeding">
        直播时间：{{ item.liveTime }}
      </view>

      <view class="position">
        <view style="color: #333;"> {{item.lecturer }}</view>
        <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
        <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
      </view>
    </view>
  </view>

  <view wx:if="{{specialSubjectList.length <= 0}}" class="noDataBox">
    <t-empty icon="folder-open" description="暂无数据" font-size="80" />
  </view>


</view>
<view wx:else>
  <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel">
    <t-tab-panel wx:for="{{batList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" label="{{item.name}}" value="{{index}}" style="{{tabPanelstyle}}">

  <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="请输入关键词/书名/作者" class="navBar-search" style="width: 464rpx" bind:submit="searchBook" />
  </view>


      <view wx:for="{{specialDiscussionList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
        <view class="imageBox">
          <image src="{{item.icon}}" mode="aspectFit" />
        </view>
  <view class="tabsBox">
    <view wx:for="{{tabList}}" wx:key="index" wx:for-item="item" data-index="{{index}}" bind:tap="onTabsTap" class="{{ index == tabIndex  ?' tabsSelect ' : 'tabsNameBox'}}">
      <view class="{{ index == tabIndex  ?' tabsNameSelect ' : 'tabsName'}}">{{item.name}} ({{item.amount}})</view>
      <view class="{{index == tabIndex ? 'selectLine' :''}}"></view>
    </view>
  </view>

        <view class="tltieBox">
          <view class="nameTltieBox">
            {{item.name}}
          </view>
          <view class="directSeeding">
            直播时间：{{ item.liveTime }}
          </view>

          <view class="position">
            <view style="color: #333;"> {{item.lecturer }}</view>
            <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
            <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
          </view>
        </view>
  <view wx:if="{{tabIndex == 0}}">


    <view wx:for="{{specialSubjectList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
      <view class="imageBox">
        <image src="{{item.icon}}" mode="aspectFit" />
      </view>

      <view wx:if="{{specialDiscussionList.length <= 0}}" class="noDataBox">
        <t-empty icon="folder-open" description="暂无数据" font-size="80" />
      <view class="tltieBox">
        <view class="nameTltieBox">
          {{item.name}}
        </view>
        <view class="directSeeding">
          直播时间：{{ item.liveTime }}
        </view>

        <view class="position">
          <view style="color: #333;"> {{item.lecturer }}</view>
          <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
          <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
        </view>
      </view>
    </view>

    <view wx:if="{{specialSubjectList.length <= 0}}" class="noDataBox">
      <t-empty icon="folder-open" description="暂无数据" font-size="80" />
    </view>


    </t-tab-panel>
  </t-tabs>
  </view>
  <view wx:else>
    <t-tabs defaultValue="{{0}}" bind:change="onTabsChange" t-class="custom-tabs" t-class-content="custom-panel">
      <t-tab-panel wx:for="{{batList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" label="{{item.name}}" value="{{index}}" style="{{tabPanelstyle}}">


        <view wx:for="{{specialDiscussionList}}" wx:key="index" wx:for-item="item" data-item="{{item}}" bind:tap="onLink" class="displayContent">
          <view class="imageBox">
            <image src="{{item.icon}}" mode="aspectFit" />
          </view>

          <view class="tltieBox">
            <view class="nameTltieBox">
              {{item.name}}
            </view>
            <view class="directSeeding">
              直播时间：{{ item.liveTime }}
            </view>

            <view class="position">
              <view style="color: #333;"> {{item.lecturer }}</view>
              <view wx:if="{{item.price == 0}}" style="color: #FF6C00;">免费</view>
              <view wx:else="" style="color: #FF6C00;">￥{{item.price}}</view>
            </view>
          </view>
        </view>

        <view wx:if="{{specialDiscussionList.length <= 0}}" class="noDataBox">
          <t-empty icon="folder-open" description="暂无数据" font-size="80" />
        </view>


      </t-tab-panel>
    </t-tabs>
  </view>

</view>

 pages/specialDiscussion/index.wxss

@@ -1,4 +1,6 @@
/* pages/specialDiscussion/index.wxss */
@import "./index.skeleton.wxss";

image {
  width: 100%;
  height: 100%;