<!--
|
此文件为开发者工具生成,生成时间: 2024/4/11下午6:07:35
|
使用方法:
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxml 引入模板
|
|
```
|
<import src="index.skeleton.wxml"/>
|
<template is="skeleton" wx:if="{{loading}}" />
|
```
|
|
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\cart\index.wxss 中引入样式
|
```
|
@import "./index.skeleton.wxss";
|
```
|
|
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
|
-->
|
<template name="skeleton">
|
<view class="sk-container">
|
<scroll-view class="outsideContentBox" scroll-y="true">
|
<view>
|
<view class=" t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
|
<view id="a82d7c42--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
|
<view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
|
<view class="itemWarp">
|
<view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
|
<view class="t-cell__left cell--t-cell__left ">
|
<view class="left-icon">
|
<view class="contentCheckbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
|
</view>
|
<view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
|
</view>
|
</view>
|
<view class="left-image" data-item="[object Object]">
|
<image class="imageStyle sk-image" mode="aspectFit"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__title cell--t-cell__title ">
|
<view class="t-cell__title-text cell--t-cell__title-text ">
|
<view class="titleBox">
|
<view style="width: 193px;">
|
<view class="boosName">
|
<text class="eBook sk-transparent sk-text-21-0526-982 sk-text" style="background-position-x: 50%;">电子书</text>
|
<text class="sk-transparent sk-text-20-8333-480 sk-text"> 家安心安</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__description cell--t-cell__description ">
|
<view class="descriptionBox">
|
<view>
|
<view class="textBox sk-transparent sk-text-22-7273-593 sk-text">图书服务-电子书</view>
|
</view>
|
<view class="sk-transparent sk-text-18-1818-465 sk-text">
|
¥36
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__right cell--t-cell__right "></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class=" t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
|
<view id="1231b2f4--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
|
<view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
|
<view class="itemWarp">
|
<view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
|
<view class="t-cell__left cell--t-cell__left ">
|
<view class="left-icon">
|
<view class="contentCheckbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
|
</view>
|
<view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
|
</view>
|
</view>
|
<view class="left-image" data-item="[object Object]">
|
<image class="imageStyle sk-image" mode="aspectFit"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__title cell--t-cell__title ">
|
<view class="t-cell__title-text cell--t-cell__title-text ">
|
<view class="titleBox">
|
<view style="width: 193px;">
|
<view class="boosName">
|
<text class="eBook sk-transparent sk-text-21-0526-780 sk-text" style="background-position-x: 50%;">电子书</text>
|
<text class="sk-transparent sk-text-20-8333-331 sk-text"> 感悟汉语</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__description cell--t-cell__description ">
|
<view class="descriptionBox">
|
<view>
|
<view class="textBox sk-transparent sk-text-22-7273-774 sk-text">图书服务-电子书</view>
|
</view>
|
<view class="sk-transparent sk-text-18-1818-908 sk-text">
|
¥20
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__right cell--t-cell__right "></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class=" t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
|
<view id="63cc3b38--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
|
<view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
|
<view class="itemWarp">
|
<view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
|
<view class="t-cell__left cell--t-cell__left ">
|
<view class="left-icon">
|
<view class="contentCheckbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
|
</view>
|
<view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
|
</view>
|
</view>
|
<view class="left-image" data-item="[object Object]">
|
<image class="imageStyle sk-image" mode="aspectFit"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__title cell--t-cell__title ">
|
<view class="t-cell__title-text cell--t-cell__title-text ">
|
<view class="titleBox">
|
<view style="width: 193px;">
|
<view class="boosName">
|
<text class="eBook sk-transparent sk-text-21-0526-86 sk-text" style="background-position-x: 50%;">电子书</text>
|
<text class="sk-transparent sk-text-20-8333-361 sk-text"> 普通心理学学习手册</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__description cell--t-cell__description ">
|
<view class="descriptionBox">
|
<view>
|
<view class="textBox sk-transparent sk-text-22-7273-969 sk-text">图书服务-电子书</view>
|
</view>
|
<view class="sk-transparent sk-text-18-1818-684 sk-text">
|
¥21
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__right cell--t-cell__right "></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class=" t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
|
<view id="eef7d064--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
|
<view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
|
<view class="itemWarp">
|
<view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
|
<view class="t-cell__left cell--t-cell__left ">
|
<view class="left-icon">
|
<view class="contentCheckbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
|
</view>
|
<view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
|
</view>
|
</view>
|
<view class="left-image" data-item="[object Object]">
|
<image class="imageStyle sk-image" mode="aspectFit"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__title cell--t-cell__title ">
|
<view class="t-cell__title-text cell--t-cell__title-text ">
|
<view class="titleBox">
|
<view style="width: 193px;">
|
<view class="boosName">
|
<text class="eBook sk-transparent sk-text-21-0526-575 sk-text" style="background-position-x: 50%;">电子书</text>
|
<text class="sk-transparent sk-text-20-8333-621 sk-text"> 普通心理学(第5版)</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__description cell--t-cell__description ">
|
<view class="descriptionBox">
|
<view>
|
<view class="textBox sk-transparent sk-text-22-7273-671 sk-text">图书服务-电子书</view>
|
</view>
|
<view class="sk-transparent sk-text-18-1818-66 sk-text">
|
¥33
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__right cell--t-cell__right "></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class=" t-swipe-cell swipe-cell--t-swipe-cell" data-key="cell" style="true">
|
<view id="8270549e--wrapper" style=";;-webkit-transform:translate3d(0px, 0, 0);-webkit-transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1);transform:translate3d(0px, 0, 0);transition:transform .6s cubic-bezier(0.18, 0.89, 0.32, 1)">
|
<view class="t-swipe-cell__left swipe-cell--t-swipe-cell__left" data-key="left"></view>
|
<view class="itemWarp">
|
<view class="t-cell cell--t-cell t-cell--borderless cell--t-cell--borderless t-cell--middle cell--t-cell--middle sk-pseudo sk-pseudo-circle" hover-class="true" hover-stay-time="70" style="true">
|
<view class="t-cell__left cell--t-cell__left ">
|
<view class="left-icon">
|
<view class="contentCheckbox">
|
<view class="t-checkbox checkbox--t-checkbox t-checkbox--left checkbox--t-checkbox--left t-checkbox--default checkbox--t-checkbox--default t-checkbox--block checkbox--t-checkbox--block " style="true" tabindex="0">
|
<view class="t-checkbox__icon checkbox--t-checkbox__icon t-checkbox__icon--left checkbox--t-checkbox__icon--left ">
|
<view class="t-checkbox__icon-rectangle checkbox--t-checkbox__icon-rectangle"></view>
|
</view>
|
<view class="t-checkbox__content checkbox--t-checkbox__content" data-target="text">
|
<view class="t-checkbox__title checkbox--t-checkbox__title sk-transparent" style="-webkit-line-clamp:3"></view>
|
<view class="t-checkbox__description checkbox--t-checkbox__description " style="-webkit-line-clamp:5"></view>
|
</view>
|
<view class="t-checkbox__border checkbox--t-checkbox__border t-checkbox__border--left checkbox--t-checkbox__border--left "></view>
|
</view>
|
</view>
|
<view class="left-image" data-item="[object Object]">
|
<image class="imageStyle sk-image" mode="aspectFit"></image>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__title cell--t-cell__title ">
|
<view class="t-cell__title-text cell--t-cell__title-text ">
|
<view class="titleBox">
|
<view style="width: 193px;">
|
<view class="boosName">
|
<text class="eBook sk-transparent sk-text-21-0526-929 sk-text" style="background-position-x: 50%;">电子书</text>
|
<text class="sk-transparent sk-text-20-8333-359 sk-text"> 大学生心理健康(慕课版)</text>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__description cell--t-cell__description ">
|
<view class="descriptionBox">
|
<view>
|
<view class="textBox sk-transparent sk-text-22-7273-459 sk-text">图书服务-电子书</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
<view class="t-cell__right cell--t-cell__right "></view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</scroll-view>
|
<view class="bottomBox">
|
<view class="checkGroupBox">
|
<checkbox-group>
|
<checkbox value="全选" color="#EFEFEF" class="sk-transparent sk-text-14-2857-130 sk-text">全选</checkbox>
|
</checkbox-group>
|
</view>
|
<view class="settlementBox">
|
<view class="totalPrice sk-transparent">总价:
|
<text class="totalPriceText sk-transparent sk-text-14-2857-173 sk-text">¥0</text>
|
</view>
|
<view class="buttonBox">
|
<button app-parameter="true" data-custom="null" form-type="true" hover-class="t-button--hover" hover-start-time="20" hover-stay-time="70" lang="en" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true"
|
style="true" class="tButtonBox t-button button--t-button t-button--base button--t-button--base t-button--default button--t-button--default t-button--round button--t-button--round 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-493 sk-text" style="background-position-x: 50%;">去结算(0)</view>
|
</button>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|