骨架屏样式优化，云测试单选按钮修改

闫增涛

2024-04-12 e68118a722857e52b9c83e08ac213621aac58c01

 pages/bookServices/assort/index.skeleton.wxml

@@ -18,18 +18,33 @@
<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 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 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" >
                <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
                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>
@@ -37,18 +52,46 @@
      <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 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>
@@ -56,69 +99,155 @@
            <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
                    class="row 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">
              <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-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="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
                        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="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
                        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="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
                        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="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
                        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="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
                        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="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
                        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="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
                        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="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
                        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
                    class="class-name sk-transparent sk-text-14-2857-674 sk-text"
                    >哲学</view
                  >
                </view>
              </scroll-view>
            </view>
@@ -127,4 +256,4 @@
      </view>
    </page-meta>
  </view>
</template>
</template>