litian
2024-06-26 ccda9ec2fe70d8f51ef184eafc04b78d22dfbabd
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
<!--
此文件为开发者工具生成,生成时间: 2024/4/16上午11:03:51
使用方法:
在 D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\index.wxml 引入模板
 
```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```
 
在 D:\WebData\project\2024\jsek-applet\pages\bookServices\assort\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```
 
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <page-meta style="width: 100vw; overflow: hidden">
      <view class="page-header">
        <view class="search">
          <view class="t-search search--t-search">
            <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"
                name="input"
                placeholder="请输入关键词/书名/ISBN/作者"
                placeholder-class="t-search__placeholder t-search__placeholder--normal"
                type="text"
                value="true"
              ></view>
            </view>
          </view>
        </view>
      </view>
      <view class="page-container">
        <view class="side-bar-wrapper">
          <view class="tab-left">
            <view class="t-side-bar bar--t-side-bar">
              <view
                class="t-side-bar-item item--t-side-bar-item t-side-bar-item--active item--t-side-bar-item--active sk-transparent sk-button"
              >
                <view
                  class="t-side-bar-item__prefix item--t-side-bar-item__prefix sk-pseudo sk-pseudo-circle"
                ></view>
                <view
                  class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                ></view
                >高等教育</view
              >
              <view
                class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                >职业教育</view
              >
              <view
                class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                >教师教育</view
              >
              <view
                class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                >少儿教育</view
              >
              <view
                class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                >考试培训</view
              >
              <view
                class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                >主题出版</view
              >
              <view
                class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                >学术著作</view
              >
              <view
                class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button"
                >大众读物</view
              >
              <view class="t-side-bar__padding bar--t-side-bar__padding"></view>
            </view>
          </view>
          <view class="page-right">
            <view class="side-bar-content">
              <view class="tab-top">
                <view class="myScroll">
                  <view
                    class="row sk-transparent sk-text-14-2857-751 sk-text"
                    data-tabdata="[object Object]"
                    >公共基础类</view
                  >
                  <view
                    class="row sk-transparent sk-text-14-2857-718 sk-text"
                    data-tabdata="[object Object]"
                    >哲学</view
                  >
                  <view
                    class="row sk-transparent sk-text-14-2857-788 sk-text"
                    data-tabdata="[object Object]"
                    >法学</view
                  >
                  <view
                    class="row sk-transparent sk-text-14-2857-764 sk-text"
                    data-tabdata="[object Object]"
                    >经济学</view
                  >
                  <view
                    class="row sk-transparent sk-text-14-2857-970 sk-text"
                    data-tabdata="[object Object]"
                    >管理学</view
                  >
                </view>
              </view>
              <scroll-view
                class="class-list"
                scroll-into-view="list405"
                scroll-y="true"
              >
                <view class="class-box" id="list405">
                  <view
                    class="class-name sk-transparent sk-text-14-2857-157 sk-text"
                    >公共基础类</view
                  >
                  <view class="class-content">
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-985 sk-text"
                        >大学语文类</view
                      >
                    </view>
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-156 sk-text"
                        >高等数学类</view
                      >
                    </view>
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-56 sk-text"
                        >就业、创新与创业类</view
                      >
                    </view>
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-717 sk-text"
                        >应用文写作类</view
                      >
                    </view>
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-278 sk-text"
                        >心理健康教育类</view
                      >
                    </view>
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-608 sk-text"
                        >体育类</view
                      >
                    </view>
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-652 sk-text"
                        >生涯规划类</view
                      >
                    </view>
                    <view
                      class="book-box"
                      data-stair="[object Object]"
                      data-tabdata="[object Object]"
                    >
                      <view class="assort-img">
                        <image mode="aspectFit" class="sk-image"></image>
                      </view>
                      <view
                        class="classify sk-transparent sk-text-14-2857-938 sk-text"
                        >其他类</view
                      >
                    </view>
                  </view>
                </view>
                <view class="class-box" id="list406"></view>
              </scroll-view>
            </view>
          </view>
        </view>
      </view>
    </page-meta>
  </view>
</template>