<!--
|
此文件为开发者工具生成,生成时间: 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>
|