css1

litian

2024-07-05 ea0592a7257ab7bb2036dabd8486d6a584d07704

 pages/retrievalPage/index.skeleton.wxml

@@ -1,14 +1,14 @@
<!--
此文件为开发者工具生成，生成时间: 2024/4/11下午5:59:34
此文件为开发者工具生成，生成时间: 2024/7/5下午5:40:28
使用方法：
在 D:\course_of_growth\jsekXcx\jsek-applet\pages\retrievalPage\index.wxml 引入模板
在 F:\project-2024\jsek-applet\pages\retrievalPage\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx:if="{{loading}}" />
```

在 D:\course_of_growth\jsekXcx\jsek-applet\pages\retrievalPage\index.wxss 中引入样式
在 F:\project-2024\jsek-applet\pages\retrievalPage\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```
@@ -19,122 +19,105 @@
  <view class="sk-container">
    <view class="outsideRetrievalPageBox">
      <view class="retrievalPageBox">
        <view style="width: 100%; height: 44px; "></view>
        <view class="nacigationBar" style="width: 70%; height: 40px;">
          <view>
            <view class="t-icon icon--t-icon  " style="font-size: 30px;">
              <label class="t-icon-chevron-left icon--t-icon-chevron-left t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
            </view>
          </view>
          <view class="navbar-title sk-transparent sk-text-14-2857-853 sk-text">检索结果</view>
        </view>
        <view class="example-search">
          <view class="searchBox t-search search--t-search " style="true">
          <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="0" 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 class="t-input__keyword search--t-input__keyword sk-image" cursor="0" 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="管理"></view>
              <view class="t-search__clear search--t-search__clear sk-button sk-pseudo sk-pseudo-circle">
                <view class="t-icon icon--t-icon  " style="font-size: 24px;">
                  <label class="t-icon-close-circle-filled icon--t-icon-close-circle-filled t-icon-base icon--t-icon-base sk-pseudo sk-pseudo-circle"></label>
                </view>
              </view>
            </view>
          </view>
          <view class="cancellation sk-transparent sk-text-14-2857-315 sk-text">取消</view>
          <view class="cancellation sk-transparent sk-text-14-2857-133 sk-text">取消</view>
        </view>
      </view>
      <view class="tabsBox">
        <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  custom-tabs" style="true">
        <view class="t-tabs tabs--t-tabs t-tabs--top tabs--t-tabs--top  t-tabs">
          <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">
                <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" 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  " 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 sk-text-14-2857-516 sk-text">图书(77)</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 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 sk-text-14-2857-879 sk-text">图书(29)</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 sk-text-14-2857-430 sk-text">课程(7)</view>
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-630 sk-text">课程(0)</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 sk-text-14-2857-372 sk-text">数字教材(6)</view>
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-636 sk-text">数字教材(0)</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 sk-text-14-2857-601 sk-text">专题(4)</view>
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-81 sk-text">专题(0)</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 sk-text-14-2857-962 sk-text">书目(30)</view>
                      <view class="t-tabs__item-inner tabs--t-tabs__item-inner t-tabs__item-inner--line tabs--t-tabs__item-inner--line sk-transparent sk-text-14-2857-620 sk-text">书目(0)</view>
                    </view>
                    <view class="t-tabs__track tabs--t-tabs__track t-tabs__track--top tabs--t-tabs__track--top " style="-webkit-transform: translateX(31.7734375px); transform: translateX(31.7734375px);"></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="878e94e9--t_tabs_0_panel_0">
            <view class="t-tabs__content-inner tabs--t-tabs__content-inner " style="true">
              <view class="  t-tab-panel panel--t-tab-panel t-is-active panel--t-is-active" style="display:flex;justify-content:center;align-items:center;" id="edf48e66--t_tabs_3_panel_0">
                <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>
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-709 sk-text">
                        大学生心理健康教育与训练
                      </view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-213 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-220 sk-text">
                        《多水平模型应用》
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-676 sk-text">郭伯良 著</view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-679 sk-text"> 餐饮服务与管理实务 </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-898 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-530 sk-text">
                        《结构方程模型应用》
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-423 sk-text"> 中餐服务与管理 </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-836 sk-text">王多惠</view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="true" class="sk-image"></image>
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-79 sk-text">刘源，刘红云 著</view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-912 sk-text"> 前厅客房服务与管理 </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-579 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-308 sk-text">
                        现代心理与教育统计学(第5版）
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-924 sk-text">张厚粲徐建平</view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-944 sk-text"> 数据资产管理（初级） </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-597 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-562 sk-text">
                        当代教育心理学（第3版）
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-811 sk-text">陈琦刘儒德</view>
                      <view class="bookDataNmae sk-transparent sk-text-14-2857-15 sk-text"> 学前教育管理学（第3版） </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-263 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-439 sk-text">
                        普通心理学学习手册
                      </view>
                      <view class="bookDataAuthor sk-transparent sk-text-14-2857-80 sk-text">彭聃龄</view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                        <image mode="true" class="sk-image"></image>
                      </view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">
                      <view class="imageBox">
                        <image mode="aspectFit" class="sk-image"></image>
                        <image mode="true" class="sk-image"></image>
                      </view>
                    </view>
                    <view class="bookDataForBox" data-item="[object Object]">