<!--
|
此文件为开发者工具生成，生成时间: 2024/4/11下午4:59:52
|
使用方法：
|
在 F:\project-2024\jsek-applet\pages\study\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 F:\project-2024\jsek-applet\pages\study\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="container">
|
<view class="top-content">
|
<view class="boxStyle">
|
<view class="box-item">
|
<view class="sk-transparent sk-text-26-7857-800 sk-text" style="background-position-x: 50%;">累计学习时长</view>
|
<view class="result">
|
<text class="num sk-transparent sk-text-17-8571-590 sk-text" style="background-position-x: 50%;">98小时</text>
|
</view>
|
</view>
|
<view class="box-item">
|
<view class="sk-transparent sk-text-26-7857-651 sk-text" style="background-position-x: 50%;">上一次登陆时间</view>
|
<view class="result sk-transparent sk-text-26-7857-516 sk-text" style="background-position-x: 50%;">2024-04-11 16:27:43</view>
|
</view>
|
</view>
|
</view>
|
<view class="tabOne">
|
<view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top t-tabs" style="true">
|
<view class="t-sticky sticky--t-sticky tabs--t-tabs__sticky tabs--t-tabs__sticky--top">
|
<view class="t-sticky__content sticky--t-sticky__content ">
|
<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" scroll-left="0" scroll-x="true">
|
<view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top">
|
<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 " 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-661 sk-text">图书（9本）</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-28 sk-text">课程（0门）</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-45 sk-text">数字教材（0本）</view>
|
</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 " style="true">
|
<view class=" t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="261aebf2--t_tabs_67_panel_0"></view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="17cdba08--t_tabs_67_panel_1"></view>
|
<view class=" t-tab-panel panel--t-tab-panel" style="height: 0;" id="87ab2d6c--t_tabs_67_panel_2"></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="pageInfo">
|
<scroll-view scroll-y="true" class="scroll content" lower-threshold="200" scroll-top="0" refresher-default-style="none" refresher-enabled="true" refresher-threshold="80">
|
<view class="list">
|
<view class="listBox">
|
<view class="content-item">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="6b3a064b--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="body-info" data-book="[object Object]">
|
<view class="name sk-transparent sk-text-12-5000-205 sk-text">视听说：美国经典电影</view>
|
</view>
|
</view>
|
<view class="content-item">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="9a526f46--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="body-info" data-book="[object Object]">
|
<view class="name sk-transparent sk-text-12-5000-856 sk-text">中国现当代文学史简明教程</view>
|
</view>
|
</view>
|
<view class="content-item">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="27619772--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="body-info" data-book="[object Object]">
|
<view class="name sk-transparent sk-text-12-5000-289 sk-text">中国现代作家作品导引</view>
|
</view>
|
</view>
|
<view class="content-item">
|
<view class="book-img" data-book="[object Object]">
|
<image class="t-image image--t-image t-image--shape-square image--t-image--shape-square sk-image" id="101ef44d--image" mode="scaleToFill" style="width: 105px;height: 145px;"></image>
|
</view>
|
<view class="body-info" data-book="[object Object]">
|
<view class="name sk-transparent sk-text-12-5000-528 sk-text">现代汉语基础理论与应用</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
</view>
|
</view>
|
</view>
|
</template>
|
