骨架屏样式优化

闫增涛

2024-04-12 672575a32ecd7f8e0bcd76152040657e9e57328a

 packageBookService/pages/bookServices/examination/examination.wxml

@@ -1,4 +1,8 @@
<!--pages/examination/examination.wxml-->

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

<!--导航区域 -->
<view
  style="width: 100%; height: {{barHeight}}px;background-color: {{isNight ? '#191919' : '#fff'}} "
@@ -20,15 +24,6 @@
    >{{answerTitle}}</view
  >
</view>
<!-- 
<view class="lodaing-box" wx:if="{{loaidng}}">
  <t-loading
    theme="circular"
    size="80rpx"
    class="wrapper"
    loading="{{loading}}"
  />
</view> -->

<view class="page-content" style="background-color:{{isNight ? '#222' : ''}}">
  <question-schedule
@@ -51,23 +46,28 @@
    currentIndex="{{currentIndex}}"
    questionList="{{questionDataList}}"
    submitStatus="{{submitStatus}}"
    noData="{{noData}}"
    bind:onChangeRadio="onChangeRadio"
    bind:onChangeInput="onChangeInput"
    bind:changeSwiper="changeSwiper"
    bind:viewParsing="viewParsing"
  ></question-list>
  <view class="lodaing-box" wx:if="{{loading}}">
  <!-- <view class="lodaing-box" wx:if="{{loading}}">
    <t-loading
      theme="circular"
      size="80rpx"
      class="wrapper"
      loading="{{loading}}"
  /></view>
  /></view> -->
</view>

<!-- 底部区域-->

<view class="page-bottom" style="background-color:{{isNight ? '#202020' : ''}}">
<view
  class="page-bottom"
  style="background-color:{{isNight ? '#202020' : ''}}"
  wx:if="{{answerType !== 'errorQuestion' || (answerType == 'errorQuestion' && !loading)}}"
>
  <question-options
    id="question-options"
    isNight="{{isNight}}"
@@ -88,5 +88,14 @@
    bind:goQuestion="goQuestion"
    bind:changeBGColor="changeBGColor"
    bind:onChangeSlider="onChangeSlider"
    bind:changeLoadingState="changeLoadingState"
  ></question-options>
</view>

<page-container
  wx:if="{{(answerType == 'mock' || answerType == 'option') && !submitStatus}}"
  show="{{true}}"
  duration="{{false}}"
  overlay="{{false}}"
  bind:beforeleave="beforeleave"
></page-container>