闫增涛
2025-03-31 04c7b0163caeae4ab1c5da62e301fa993101cfad
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!--
此文件为开发者工具生成,生成时间: 2024/11/29下午6:56:02
使用方法:
在 D:\小程序\jsek-app\jsek-applet\packageCourse\pages\course\index.wxml 引入模板
 
```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```
 
在 D:\小程序\jsek-app\jsek-applet\packageCourse\pages\course\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```
 
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="contentBox">
      <view class="header">
        <view class=" t-search search--t-search " style="flex:1;">
          <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--square search--t-search__input-box--square ">
            <view class="t-icon icon--t-icon search--t-icon  " style="true">
              <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="input-placeholder t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view>
          </view>
        </view>
        <button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="true" open-type="true" send-message-img="截图" send-message-path="当前分享路径" send-message-title="当前标题" session-from="true" style="margin-left: 7px;" class="t-button button--t-button t-button--base button--t-button--base t-button--primary button--t-button--primary t-button--rectangle button--t-button--rectangle t-button--size-small button--t-button--size-small sk-button sk-pseudo sk-pseudo-circle">
          <view class="t-button__content button--t-button__content sk-transparent sk-text-28-1250-12 sk-text" style="background-position-x: 50%;">新建</view>
        </button>
      </view>
      <view class="contentList">
        <scroll-view scroll-y="true" class="content" lower-threshold="80" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
          <view class="listCourse">
            <image class="courseIcon sk-image" mode="aspectFit"></image>
            <view class="courseInfo">
              <view class="title">
                <text class="sk-transparent sk-text-14-2857-454 sk-text">2121</text>
              </view>
              <view class="courseId">
                <text class="sk-transparent sk-text-14-2857-247 sk-text">ID: 31</text>
                <view class="t-tag tag--t-tag t-tag--warning tag--t-tag--warning t-tag--light tag--t-tag--light t-tag--medium tag--t-tag--medium t-tag--square tag--t-tag--square margin-16 " style="true">
                  <view class="t-tag__icon tag--t-tag__icon"></view>
                  <view class="t-tag__text tag--t-tag__text sk-transparent sk-text-25-0000-591 sk-text">审核中</view>
                </view>
              </view>
              <view class="desc sk-transparent sk-text-20-0000-310 sk-text">描述:本课程专为职场新手和希望提升职场英语水平的学员设计,旨在帮助您掌握在现代商业环境中必备的英语技能。
              </view>
            </view>
          </view>
          <view class="listCourse">
            <image class="courseIcon sk-image" mode="aspectFit"></image>
            <view class="courseInfo">
              <view class="title">
                <text class="sk-transparent sk-text-14-2857-789 sk-text">333</text>
              </view>
              <view class="courseId">
                <text class="sk-transparent sk-text-14-2857-930 sk-text">ID: 30</text>
                <view class="t-tag tag--t-tag t-tag--warning tag--t-tag--warning t-tag--light tag--t-tag--light t-tag--medium tag--t-tag--medium t-tag--square tag--t-tag--square margin-16 " style="true">
                  <view class="t-tag__icon tag--t-tag__icon"></view>
                  <view class="t-tag__text tag--t-tag__text sk-transparent sk-text-25-0000-24 sk-text">审核中</view>
                </view>
              </view>
              <view class="desc sk-transparent sk-text-20-0000-641 sk-text">描述:本课程专为职场新手和希望提升职场英语水平的学员设计,旨在帮助您掌握在现代商业环境中必备的英语技能。
              </view>
            </view>
          </view>
          <view class="listCourse">
            <image class="courseIcon sk-image" mode="aspectFit"></image>
            <view class="courseInfo">
              <view class="title">
                <text class="sk-transparent sk-text-14-2857-70 sk-text">123</text>
              </view>
              <view class="courseId">
                <text class="sk-transparent sk-text-14-2857-970 sk-text">ID: 29</text>
                <view class="t-tag tag--t-tag t-tag--warning tag--t-tag--warning t-tag--light tag--t-tag--light t-tag--medium tag--t-tag--medium t-tag--square tag--t-tag--square margin-16 " style="true">
                  <view class="t-tag__icon tag--t-tag__icon"></view>
                  <view class="t-tag__text tag--t-tag__text sk-transparent sk-text-25-0000-807 sk-text">审核中</view>
                </view>
              </view>
              <view class="desc sk-transparent sk-text-20-0000-381 sk-text">描述:本课程专为职场新手和希望提升职场英语水平的学员设计,旨在帮助您掌握在现代商业环境中必备的英语技能。</view>
            </view>
          </view>
          <view class="listCourse">
            <image class="courseIcon sk-image" mode="aspectFit"></image>
            <view class="courseInfo">
              <view class="title">
                <text class="sk-transparent sk-text-14-2857-709 sk-text">测试课程</text>
              </view>
              <view class="courseId">
                <text class="sk-transparent sk-text-14-2857-927 sk-text">ID: 28</text>
                <view class="t-tag tag--t-tag t-tag--warning tag--t-tag--warning t-tag--light tag--t-tag--light t-tag--medium tag--t-tag--medium t-tag--square tag--t-tag--square margin-16 " style="true">
                  <view class="t-tag__icon tag--t-tag__icon"></view>
                  <view class="t-tag__text tag--t-tag__text sk-transparent sk-text-25-0000-600 sk-text">审核中</view>
                </view>
              </view>
              <view class="desc sk-transparent sk-text-20-0000-251 sk-text">描述:大部分图标在 1.8.0 版本中新增,如果发现引入组件库后,部分图标无法使用,请检查安装的组件库。</view>
            </view>
          </view>
        </scroll-view>
      </view>
    </view>
  </view>
</template>