闫增涛
2025-03-31 04c7b0163caeae4ab1c5da62e301fa993101cfad
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
<!--
此文件为开发者工具生成,生成时间: 2024/6/13上午9:45:29
使用方法:
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\digitalTextbooksDetails\index.wxml 引入模板
 
```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```
 
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\digitalTextbooks\digitalTextbooksDetails\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```
 
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="page-bookService">
        <view class="digital">
          <view class="book-box sk-image">
            <view class="textbookDetails">
              <view class="book-img">
                <view class="imageBox">
                  <image mode="true" class="sk-image"></image>
                </view>
              </view>
              <view class="bookContent">
                <view class="headerText sk-transparent sk-text-14-2857-391 sk-text">
                  体育与健康(第3版)
                </view>
                <view class="content">
                  <view class="styleCssBox">
                    <view style="width: 75px;" class="sk-transparent sk-text-14-2857-366 sk-text"> 作者: </view>
                    <view></view>
                  </view>
                  <view class="styleCssBox">
                    <view style="width: 75px;" class="sk-transparent sk-text-14-2857-515 sk-text">ISBN:</view>
                    <view></view>
                  </view>
                  <view class="styleCssBox">
                    <view style="width: 75px;" class="sk-transparent sk-text-14-2857-242 sk-text"> 出版时间: </view>
                    <view></view>
                  </view>
                </view>
                <image class="right-background sk-image"></image>
              </view>
            </view>
            <view class="certificate">
              <view class="proposal">
                <view class="suggestion">
                  <image mode="true" class="sk-image"></image>
                </view>
                <view class="proposalText sk-transparent sk-text-14-2857-597 sk-text">我要建议</view>
              </view>
              <view class="frame"></view>
              <view class="information">
                <view class="proposal">
                  <view class="suggestion">
                    <image mode="true" class="sk-image"></image>
                  </view>
                  <view class="proposalText sk-transparent sk-text-14-2857-10 sk-text">证书申请</view>
                </view>
                <view class="informationPrice">
                  <view class="fixedPrice">
                    <view class="sk-transparent sk-text-14-2857-939 sk-text"> 定价: </view>
                    <view class="sk-transparent sk-text-14-2857-293 sk-text">¥38.80</view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view style="margin-top: 10px;">
          <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
            <view class="t-sticky sticky--t-sticky  tabs--t-tabs__sticky tabs--t-tabs__sticky--top" style="z-index:1;;">
              <view class="t-sticky__content sticky--t-sticky__content " style="z-index:1;;">
                <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 t-tabs__scroll--split tabs--t-tabs__scroll--split sk-pseudo sk-pseudo-circle" scroll-left="0" scroll-x="true">
                    <view class="t-tabs__nav tabs--t-tabs__nav t-tabs__nav--top tabs--t-tabs__nav--top" style="scroll-snap-align: none;">
                      <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 sk-image" 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">
                          <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
                            <view class="t-icon--image icon--t-icon--image">
                              <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                            </view>
                          </view>基本信息
                        </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">
                          <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
                            <view class="t-icon--image icon--t-icon--image">
                              <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                            </view>
                          </view>证书信息
                        </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">
                          <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
                            <view class="t-icon--image icon--t-icon--image">
                              <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                            </view>
                          </view>作者信息
                        </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="3">
                        <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent">
                          <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
                            <view class="t-icon--image icon--t-icon--image">
                              <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                            </view>
                          </view>目录
                        </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="4">
                        <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent">
                          <view class="t-icon icon--t-icon tabs--t-tabs__icon tabs--undefined" style="width: ; height: ;">
                            <view class="t-icon--image icon--t-icon--image">
                              <image class="t-icon__image icon--t-icon__image sk-image" mode="aspectFit"></image>
                            </view>
                          </view>相关教材
                        </view>
                      </view>
                      <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(32px);  transform: translateX(32px); "></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 custom-panel" style="true">
                <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="true" id="a3607342--t_tabs_7_panel_0">
                  <view class="rubricBox">
                    <view class="rubricimgBox">
                      <image mode="true" class="sk-image"></image>
                    </view>
                    <view class="basic sk-transparent sk-text-14-2857-466 sk-text"> 基本信息</view>
                  </view>
                  <view style="margin: 15px; margin-bottom: 65px;">
                    <rich-text style="font-size: 14px;color: #333; line-height: 24px;text-align: justify;margin: 10px;"></rich-text>
                  </view>
                </view>
                <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="4b6ea136--t_tabs_7_panel_1">
                  <view class="rubricBox">
                    <view class="rubricimgBox">
                      <image mode="true" class="sk-image"></image>
                    </view>
                    <view class="basic sk-transparent sk-text-14-2857-927 sk-text"> 作者信息</view>
                  </view>
                  <view style="margin: 15px; margin-bottom: 65px;">
                    <rich-text style="font-size: 14px;color: #333; line-height: 24px;text-align: justify;margin: 10px;"></rich-text>
                  </view>
                </view>
                <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="403cd750--t_tabs_7_panel_2">
                  <view class="rubricBox">
                    <view class="rubricimgBox">
                      <image mode="true" class="sk-image"></image>
                    </view>
                    <view class="basic sk-transparent sk-text-14-2857-416 sk-text"> 作者信息</view>
                  </view>
                  <view style="margin: 15px; margin-bottom: 65px;">
                    <rich-text style="font-size: 14px;color: #333; line-height: 24px;text-align: justify;margin: 10px;"></rich-text>
                  </view>
                </view>
                <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="092c1c04--t_tabs_7_panel_3">
                  <view class="rubricBox">
                    <view class="rubricimgBox">
                      <image mode="true" class="sk-image"></image>
                    </view>
                    <view class="basic sk-transparent sk-text-14-2857-874 sk-text"> 目录</view>
                  </view>
                  <view style="margin: 15px; margin-bottom: 65px;">
                    <rich-text style="font-size: 14px;color: #333; line-height: 24px;text-align: justify;margin: 10px;"></rich-text>
                  </view>
                </view>
                <view class="  t-tab-panel panel--t-tab-panel" style="height: 0;" id="c786c51d--t_tabs_7_panel_4">
                  <view class="correlation">
                    <view data-item="[object Object]">
                      <view class="correlationImage">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="correlationName sk-transparent sk-text-14-2857-494 sk-text">婴幼儿生活照护</view>
                    </view>
                    <view data-item="[object Object]">
                      <view class="correlationImage">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="correlationName sk-transparent sk-text-14-2857-938 sk-text">新标准通用职场英语基础模块一</view>
                    </view>
                    <view data-item="[object Object]">
                      <view class="correlationImage">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="correlationName sk-transparent sk-text-14-2857-12 sk-text">学前儿童卫生与保健</view>
                    </view>
                  </view>
                </view>
              </view>
            </view>
          </view>
        </view>
        <view class="box-bottom">
          <view style="border-top:  1px solid #DDDDDD;  display: flex;">
            <view class="collection">
              <view class="collectionImage">
                <image mode="true" class="sk-image"></image>
              </view>
              <view class="sk-transparent sk-text-14-2857-834 sk-text">
                收藏
              </view>
            </view>
            <view class="trialReading">
              <view class="collectionImage">
                <image class="sk-image"></image>
              </view>
              <view class="btn-text sk-transparent sk-text-14-2857-761 sk-text">试读</view>
            </view>
          </view>
          <view class="shopCarColor sk-transparent sk-text-14-2857-985 sk-text">加入购物车</view>
          <view class="buyColor sk-transparent sk-text-14-2857-221 sk-text">立即购买</view>
        </view>
      </view>
    </view>
  </view>
</template>