闫增涛
2024-04-11 78068d49c20a8b90db902d955f558af507eb8b96
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
<!--
此文件为开发者工具生成,生成时间: 2024/4/11下午2:20:53
使用方法:
在 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 style="width: 100%; height: 47px; "></view>
      <view class="nacigationBar" style="width: 100%; height: 40px;">
        <view class="navbar-title sk-transparent sk-text-14-2857-436 sk-text" style="background-position-x: 50%;">图书服务</view>
      </view>
      <view class="page-header">
        <view class="search">
          <view class=" t-search search--t-search " style="true">
            <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  " style="true">
              <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" style="true">
                <view class="t-side-bar-item__line item--t-side-bar-item__line"></view>
                <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__suffix item--t-side-bar-item__suffix sk-pseudo sk-pseudo-circle"></view>高等教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">职业教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">教师教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">少儿教育</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">考试培训</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">主题出版</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">学术著作</view>
              <view class="t-side-bar-item item--t-side-bar-item sk-transparent sk-button" style="true">大众读物</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 tab-active sk-transparent sk-text-14-2857-470 sk-text" data-tabdata="[object Object]">公共基础类</view>
                  <view class="row sk-transparent sk-text-14-2857-274 sk-text" data-tabdata="[object Object]">哲学</view>
                  <view class="row sk-transparent sk-text-14-2857-868 sk-text" data-tabdata="[object Object]">法学</view>
                  <view class="row sk-transparent sk-text-14-2857-149 sk-text" data-tabdata="[object Object]">经济学</view>
                  <view class="row sk-transparent sk-text-14-2857-66 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-360 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-787 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-115 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-469 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-515 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-824 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-988 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-89 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-188 sk-text">其他类</view>
                    </view>
                  </view>
                </view>
                <view class="class-box" id="list406">
                  <view class="class-name sk-transparent sk-text-14-2857-674 sk-text">哲学</view>
                </view>
              </scroll-view>
            </view>
          </view>
        </view>
      </view>
    </page-meta>
  </view>
</template>