闫增涛
2025-03-28 b97bfcb85b2ded3b1f380e9a98b54b836faabba5
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
<!--
此文件为开发者工具生成,生成时间: 2024/7/8上午11:50:19
使用方法:
在 F:\project-2024\jsek-applet\pages\retrievalPage\index.wxml 引入模板
 
```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```
 
在 F:\project-2024\jsek-applet\pages\retrievalPage\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```
 
更多详细信息可以参考文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="outsideRetrievalPageBox">
      <view class="retrievalPageBox">
        <view class="example-search">
          <view class="searchBox 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 ">
              <view class="t-icon icon--t-icon search--t-icon  " style="font-size: 24px;">
                <label class="t-icon-search icon--t-icon-search t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
              </view>
              <view class="t-input__keyword search--t-input__keyword sk-image" cursor="-1" maxlength="-1" name="input" placeholder="请输入关键词/书名/ISBN/作者" placeholder-class=" t-search__placeholder t-search__placeholder--normal" placeholder-style="true" selection-end="-1" selection-start="-1" type="text" value="true"></view>
            </view>
          </view>
          <view class="cancellation sk-transparent sk-text-14-2857-553 sk-text">取消</view>
        </view>
      </view>
    </view>
    <view>
      <view class="navBox">
        <view class="titleBox" data-idx="0">
          <view class="tabIndexBox">
            <text class="fontColorBox sk-transparent sk-text-18-1818-122 sk-text">图书 </text>
          </view>
          <hr class="lineBox">
          </hr>
        </view>
        <view class="titleBox" data-idx="1">
          <view class="tabIndexBox">
            <text class="sk-transparent sk-text-18-1818-139 sk-text">课程 </text>
          </view>
          <hr>
          </hr>
        </view>
        <view class="titleBox" data-idx="2">
          <view class="tabIndexBox">
            <text class="sk-transparent sk-text-18-1818-918 sk-text">数字教材 </text>
          </view>
          <hr>
          </hr>
        </view>
        <view class="titleBox" data-idx="3">
          <view class="tabIndexBox">
            <text class="sk-transparent sk-text-18-1818-210 sk-text">专题 </text>
          </view>
          <hr>
          </hr>
        </view>
        <view class="titleBox" data-idx="4">
          <view class="tabIndexBox">
            <text class="sk-transparent sk-text-18-1818-196 sk-text">书目 </text>
          </view>
          <hr>
          </hr>
        </view>
        <view class="titleBox" data-idx="5">
          <view class="tabIndexBox">
            <text class="sk-transparent sk-text-18-1818-674 sk-text">书展 </text>
          </view>
          <hr>
          </hr>
        </view>
      </view>
      <swiper circular="true" class="swiperTtemBox" current="0" autoplay="false">
        <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
          <scroll-view class="scrollViewBox" scroll-y="true">
            <view class="bookDataBox">
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="bookDataNmae sk-transparent sk-text-14-2857-702 sk-text"> 新编国学读本 </view>
                <view class="bookDataAuthor"></view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="bookDataNmae sk-transparent sk-text-14-2857-418 sk-text"> 口才与写作训练教程 </view>
                <view class="bookDataAuthor sk-transparent sk-text-14-2857-299 sk-text">孙小飞</view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="bookDataNmae sk-transparent sk-text-14-2857-392 sk-text"> 职业道德教育与就业指导(第3版) </view>
                <view class="bookDataAuthor sk-transparent sk-text-14-2857-699 sk-text">孙班扬</view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="bookDataNmae sk-transparent sk-text-14-2857-642 sk-text"> 职业生涯规划(第2版) </view>
                <view class="bookDataAuthor sk-transparent sk-text-14-2857-92 sk-text">孙全辉</view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="bookDataNmae sk-transparent sk-text-14-2857-293 sk-text"> 职业礼仪(第2版) </view>
                <view class="bookDataAuthor sk-transparent sk-text-14-2857-523 sk-text">史锋</view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
                <view class="bookDataNmae sk-transparent sk-text-14-2857-831 sk-text"> 中华礼仪 </view>
                <view class="bookDataAuthor sk-transparent sk-text-14-2857-878 sk-text">鲁晓双</view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
              </view>
              <view class="bookDataForBox" data-item="[object Object]">
                <view class="imageBox">
                  <image mode="aspectFit" class="sk-image"></image>
                </view>
              </view>
            </view>
          </scroll-view>
        </swiper-item>
      </swiper>
    </view>
  </view>
</template>