From 2b222a728e2aa4c1409e2fd26849df6fbc4d1e3b Mon Sep 17 00:00:00 2001
From: yiming <m13691596795@163.com>
Date: 星期一, 17 六月 2024 17:56:15 +0800
Subject: [PATCH] 专题
---
pages/digitalCourses/index.js | 10
pages/specialDiscussion/index.wxml | 144 ++++++-----
pages/specialDiscussion/index.wxss | 2
pages/digitalCourses/index.skeleton.wxml | 151 ++++++++++++
pages/digitalCourses/index.skeleton.wxss | 119 +++++++++
pages/specialDiscussion/index.js | 19 +
pages/specialDiscussion/index.skeleton.wxss | 69 +++++
pages/specialDiscussion/index.skeleton.wxml | 67 +++++
pages/digitalCourses/index.wxml | 108 +++++----
pages/digitalCourses/index.wxss | 2
10 files changed, 569 insertions(+), 122 deletions(-)
diff --git a/pages/digitalCourses/index.js b/pages/digitalCourses/index.js
index b4d5ba5..a07e0b7 100644
--- a/pages/digitalCourses/index.js
+++ b/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])
diff --git a/pages/digitalCourses/index.skeleton.wxml b/pages/digitalCourses/index.skeleton.wxml
new file mode 100644
index 0000000..a7f1107
--- /dev/null
+++ b/pages/digitalCourses/index.skeleton.wxml
@@ -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>
\ No newline at end of file
diff --git a/pages/digitalCourses/index.skeleton.wxss b/pages/digitalCourses/index.skeleton.wxss
new file mode 100644
index 0000000..f5c8ec0
--- /dev/null
+++ b/pages/digitalCourses/index.skeleton.wxss
@@ -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;
+ }
diff --git a/pages/digitalCourses/index.wxml b/pages/digitalCourses/index.wxml
index ce0b8d8..a6c4a62 100644
--- a/pages/digitalCourses/index.wxml
+++ b/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>
\ No newline at end of file
+ <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>
\ No newline at end of file
diff --git a/pages/digitalCourses/index.wxss b/pages/digitalCourses/index.wxss
index b249d7a..c0bbe5e 100644
--- a/pages/digitalCourses/index.wxss
+++ b/pages/digitalCourses/index.wxss
@@ -1,5 +1,5 @@
/* pages/digitalCourses/index.wxss */
-
+@import "./index.skeleton.wxss";
image {
width: 100%;
diff --git a/pages/specialDiscussion/index.js b/pages/specialDiscussion/index.js
index 26717a1..d41a268 100644
--- a/pages/specialDiscussion/index.js
+++ b/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);
diff --git a/pages/specialDiscussion/index.skeleton.wxml b/pages/specialDiscussion/index.skeleton.wxml
new file mode 100644
index 0000000..69b0595
--- /dev/null
+++ b/pages/specialDiscussion/index.skeleton.wxml
@@ -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>
\ No newline at end of file
diff --git a/pages/specialDiscussion/index.skeleton.wxss b/pages/specialDiscussion/index.skeleton.wxss
new file mode 100644
index 0000000..c4f0289
--- /dev/null
+++ b/pages/specialDiscussion/index.skeleton.wxss
@@ -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;
+ }
diff --git a/pages/specialDiscussion/index.wxml b/pages/specialDiscussion/index.wxml
index e4e451e..0cbb81a 100644
--- a/pages/specialDiscussion/index.wxml
+++ b/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>
\ No newline at end of file
diff --git a/pages/specialDiscussion/index.wxss b/pages/specialDiscussion/index.wxss
index 83603bf..00c6af4 100644
--- a/pages/specialDiscussion/index.wxss
+++ b/pages/specialDiscussion/index.wxss
@@ -1,4 +1,6 @@
/* pages/specialDiscussion/index.wxss */
+@import "./index.skeleton.wxss";
+
image {
width: 100%;
height: 100%;
--
Gitblit v1.9.1