专题

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,3 +1,12 @@
<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>
@@ -64,3 +73,6 @@
    </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,3 +1,9 @@
<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>
@@ -79,3 +85,5 @@
    </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%;