闫增涛
2024-04-30 dc934dfd63fecff84d0bf996418e041b9bd4ea59
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
<!--
此文件为开发者工具生成,生成时间: 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>