<!--
|
此文件为开发者工具生成,生成时间: 2024/4/11上午10:45:19
|
使用方法:
|
在 F:\project-2024\jsek-applet\pages\home\home.wxml 引入模板
|
|
```
|
<import src="home.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 F:\project-2024\jsek-applet\pages\home\home.wxss 中引入样式
|
```
|
@import "./home.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<view class="container">
|
<scroll-view scroll-y="true" scroll-with-animation="true" enhanced="true" class="t-pull-down-refresh refresh--t-pull-down-refresh " enable-back-to-top="true" lower-threshold="50" scroll-into-view="true" scroll-top="0" show-scrollbar="true" style="true" upper-threshold="50">
|
<view class="t-pull-down-refresh__track refresh--t-pull-down-refresh__track t-pull-down-refresh__track-- refresh--t-pull-down-refresh__track--" style="true">
|
<view class="t-pull-down-refresh__tips refresh--t-pull-down-refresh__tips" style="height: 50px"></view>
|
<view class="background" style="padding-top: 44px">
|
<text class="text sk-transparent sk-text-27-5000-451 sk-text" style="background-position-x: 50%;"></text>
|
</view>
|
<view class="home-page-header">
|
<view class="bg">
|
<image class="image sk-image" mode="heightFix" style="width: 385.519px;"></image>
|
</view>
|
<view class="search">
|
<view class=" t-search search--t-search " style="true">
|
<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 t-search__input-container">
|
<view class="wr icon--wr " style="color: #bbb; font-size: 20px;">
|
<label class="wr-search icon--wr-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
<!-- <view class="t-input__keyword search--t-input__keyword t-search__input 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="swiper-wrap">
|
<swiper autoplay="false" circular="true" class="swiper" indicator-dots="true" interval="5000" current="0">
|
<swiper-item data-info="[object Object]" style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
|
<view class="swiperItem">
|
<image class="img sk-image" mode="widthFix" style="height: 189.73px;"></image>
|
</view>
|
</swiper-item>
|
</swiper>
|
</view>
|
</view>
|
<view class="home-page-menu">
|
<view class="t-grid grid--t-grid t-grid--card grid--t-grid--card t-grid-block " style="true">
|
<view class="t-grid__content grid--t-grid__content" style="margin-left:+0px; margin-top:+0px">
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="d9ea5a46--t_badge_42_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="43c131ff--image" mode="widthFix" style="height: 28px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="65b0662d--t_grid_item_20">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-546 sk-text" style="background-position-x: 50%;">
|
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="fb301057--t_badge_43_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="462849bd--image" mode="widthFix" style="height: 28.5px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="63b6e526--t_grid_item_21">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-401 sk-text" style="background-position-x: 50%;">
|
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="7e5403e1--t_badge_44_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="247c9ab4--image" mode="widthFix" style="height: 28px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="005dd591--t_grid_item_22">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-585 sk-text" style="background-position-x: 50%;">
|
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="7b059b9e--t_badge_45_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="a80701ed--image" mode="widthFix" style="height: 28px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="2581ff20--t_grid_item_23">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-854 sk-text" style="background-position-x: 50%;">
|
数字教材
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="e66571e1--t_badge_46_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="04f9b726--image" mode="widthFix" style="height: 28px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="b8219551--t_grid_item_24">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-927 sk-text" style="background-position-x: 50%;">
|
专题讨论
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="35f6cd9e--t_badge_47_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="544b32bd--image" mode="widthFix" style="height: 28.5px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="3f730ffc--t_grid_item_25">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-17 sk-text" style="background-position-x: 50%;">
|
线上书展
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="5fb77773--t_badge_48_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="f9be2f2e--image" mode="widthFix" style="height: 28px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="31192364--t_grid_item_26">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-476 sk-text" style="background-position-x: 50%;">
|
书目下载
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="6ec6dc8f--t_badge_49_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="98321597--image" mode="widthFix" style="height: 27.541px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="3d4557a1--t_grid_item_27">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-399 sk-text" style="background-position-x: 50%;">
|
教师认证
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="b8516969--t_badge_50_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="b28fa99f--image" mode="widthFix" style="height: 28.5px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="c53c7729--t_grid_item_28">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-625 sk-text" style="background-position-x: 50%;">
|
样书申请
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item item--t-grid-item sk-button" hover-class="true" hover-stay-time="200" style="width:20%;">
|
<view class="t-grid-item__wrapper item--t-grid-item__wrapper t-grid-item__wrapper--vertical item--t-grid-item__wrapper--vertical" style="true">
|
<view class="t-grid-item__content item--t-grid-item__content t-grid-item__content--center item--t-grid-item__content--center t-grid-item__content--vertical item--t-grid-item__content--vertical " style="true">
|
<view class="t-badge badge--t-badge item--undefined" style="true">
|
<view class="t-badge__content badge--t-badge__content item--undefined" id="31a9cf1b--t_badge_51_label">
|
<view class="t-grid-item__image item--t-grid-item__image t-grid-item__image--small item--t-grid-item__image--small ">
|
<image class="item--undefined item--t-grid-item__image item--t-grid-item__image--small t-image image--t-image t-image--shape-round image--t-image--shape-round sk-image" id="a5a2eaa2--image" mode="widthFix" style="height: 28px;"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-grid-item__words item--t-grid-item__words t-grid-item__words--vertical item--t-grid-item__words--vertical" id="c566601d--t_grid_item_29">
|
<view class="t-grid-item__text item--t-grid-item__text t-grid-item__text--small item--t-grid-item__text--small t-grid-item__text--vertical item--t-grid-item__text--vertical sk-transparent sk-text-22-7273-621 sk-text" style="background-position-x: 50%;">
|
我要出书
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="home-page-container">
|
<view class="home-page-list">
|
<view class="tabCardPublic iconOne">
|
<view class="icon">
|
<image class="iconImage sk-image" mode="aspectFit"></image>
|
</view>
|
<view class="flex" data-info="zhuantitaolun">
|
<text class="more sk-transparent sk-text-14-2857-390 sk-text">更多</text>
|
<view class="t-icon icon--t-icon " style="color: #ff6d00; font-size: 16px;">
|
<label class="t-icon-chevron-right icon--t-icon-chevron-right t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
|
</view>
|
</view>
|
</view>
|
<view class="listBox">
|
<view class="listItemBox">
|
<view class="listItem" data-book="[object Object]">
|
<view class="specialSubject-img">
|
<image class="img sk-image" mode="aspectFill"></image>
|
</view>
|
<view class="body-info">
|
<view class="name sk-transparent sk-text-12-5000-274 sk-text">体操类运动 新课标教材教法与教学设计</view>
|
<view class="time sk-transparent sk-text-14-2857-635 sk-text">直播时间:05-23 19:30:00</view>
|
<view class="flex jc-sb">
|
<text class="author sk-transparent sk-text-14-2857-515 sk-text">张繁 北京师范大学体育与运动学院体操教研室副教授,硕导</text>
|
<text class="price sk-transparent sk-text-14-2857-604 sk-text">免费</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="listItemBox">
|
<view class="listItem" data-book="[object Object]">
|
<view class="specialSubject-img">
|
<image class="img sk-image" mode="aspectFill"></image>
|
</view>
|
<view class="body-info">
|
<view class="name sk-transparent sk-text-12-5000-560 sk-text">体能发展 新课标教材教法与教学设计</view>
|
<view class="time sk-transparent sk-text-14-2857-933 sk-text">直播时间:05-17 19:30:00</view>
|
<view class="flex jc-sb">
|
<text class="author sk-transparent sk-text-14-2857-467 sk-text">蒋晓丹 北京师范大学珠海分校健身体适能教研室主任</text>
|
<text class="price sk-transparent sk-text-14-2857-15 sk-text">免费</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="listItemBox">
|
<view class="listItem" data-book="[object Object]">
|
<view class="specialSubject-img">
|
<image class="img sk-image" mode="aspectFill"></image>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</template>
|