applte/components/loading/index.wxml

<!--pages/subPack/loading/index.wxml-->
<!-- <view class="title">样式一：</view>
<view class="ring">
  <view>sss</view>
  <view class="line"></view>
</view>

<view class="title">样式二：</view>
<view class="box">
  <view class="loading">
    <view></view>
    <view></view>
    <view></view>
    <view></view>
    <view></view>
    <view></view>
    <view></view>
    <view></view>
  </view>
</view>
<view class="title">样式三：</view>
<view class="box">
  <view class="circle-line">
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
  </view>
</view>
<view class="title">样式四：</view>
<view class="box">
  <view class="circle-line1">
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
  </view>
</view>
<view class="title">样式五：</view>
<view class="box">
  <view class="circle-line-spin">
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
  </view>
</view>
<view class="title">样式六：</view>
<view class="box">
  <view class="circle-line2">
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
    <text></text>
  </view>
</view>
<view class="title">样式七：</view>
<view class="box">
  <view class="circle_bx">
    <view></view>
  </view>
</view>
<view class="title">样式8：</view> -->
<view class="posibox">
<view class="box">
  <view class="loader-dots">
    <view></view>
    <view></view>
    <view></view>
    <view></view>
    <view></view>
  </view>
</view>
<view class="text">重连中...</view>
</view>
<view class="bg"></view>
<!-- <view class="title">样式9：</view>
<view class="box">
  <view class="loader-rainbow">
    <view class="loader-inner">
      <view class="loader-line-wrap">
        <view class="loader-line"></view>
      </view>
      <view class="loader-line-wrap">
        <view class="loader-line"></view>
      </view>
      <view class="loader-line-wrap">
        <view class="loader-line"></view>
      </view>
      <view class="loader-line-wrap">
        <view class="loader-line"></view>
      </view>
      <view class="loader-line-wrap">
        <view class="loader-line"></view>
      </view>
    </view>
  </view>
</view> -->