骨架屏样式优化

闫增涛

2024-04-12 672575a32ecd7f8e0bcd76152040657e9e57328a

 packageBookService/pages/bookServices/examination/examination.wxml

@@ -1,28 +1,31 @@
<!--pages/examination/examination.wxml-->

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

<!--导航区域 -->
<view style="width: 100%; height: {{barHeight}}px; "></view>
<view class="nacigationBar" style="width: 70%; height: {{navBarHeight}}px;">
<view
  style="width: 100%; height: {{barHeight}}px;background-color: {{isNight ? '#191919' : '#fff'}} "
></view>
<view
  class="nacigationBar"
  style="width: 100%; height: {{navBarHeight}}px; background-color: {{isNight ? '#191919' : '#fff'}}"
>
  <view>
    <t-icon
      name="chevron-left"
      size="30"
      data-name="{{item}}"
      bind:click="goBack"
      color="{{isNight ? '#fff' : '#000'}}"
    />
  </view>
  <view class="navbar-title">{{answerTitle}}</view>
  <view class="navbar-title" style="color: {{isNight ? '#fff' : '#000'}};"
    >{{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">
<view class="page-content" style="background-color:{{isNight ? '#222' : ''}}">
  <question-schedule
    wx:if="{{!loading}}"
    id="countDownRef"
@@ -32,30 +35,39 @@
    currentIndex="{{currentIndex}}"
    questionList="{{questionDataList}}"
    submitStatus="{{submitStatus}}"
    subjectiveGrade="{{subjectiveGrade}}"
    subjectiveNum="{{subjectiveNum}}"
  ></question-schedule>
  <question-list
    wx:if="{{!loading}}"
    sliderValue="{{sliderValue}}"
    isNight="{{isNight}}"
    answerType="{{answerType}}"
    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">
<view
  class="page-bottom"
  style="background-color:{{isNight ? '#202020' : ''}}"
  wx:if="{{answerType !== 'errorQuestion' || (answerType == 'errorQuestion' && !loading)}}"
>
  <question-options
    id="question-options"
    isNight="{{isNight}}"
@@ -75,5 +87,15 @@
    bind:restart="restart"
    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>