<!--
此文件为开发者工具生成，生成时间: 2023/6/5上午10:55:34
使用方法：
在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\Order\pages\index\index.wxml 引入模板

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

在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\Order\pages\index\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view class="Order_body flex column data-v-2ede234b">
      <view class="Order_header data-v-2ede234b">
        <view class="Order_header_type data-v-2ede234b sk-transparent sk-text-14-2857-234 sk-text">已结束</view>
        <view class="Order_header_tip data-v-2ede234b sk-transparent sk-text-14-2857-434 sk-text">您已完成充电</view>
      </view>
      <view class="Order_content oneflex flex column data-v-2ede234b">
        <view class="Order_content_header data-v-2ede234b sk-transparent sk-text-14-2857-177 sk-text">漂亮小石</view>
        <view class="Order_content_information oneflex data-v-2ede234b">
          <view class="Order_content_information_item flex data-v-2ede234b">
            <view class="Order_content_information_item_label data-v-2ede234b sk-transparent sk-text-14-2857-849 sk-text">订单编号：</view>
            <view class="Order_content_information_item_value oneflex value_text data-v-2ede234b sk-transparent sk-text-14-2857-693 sk-text" style="background-position-x: 100%;">1664460091849580544</view>
          </view>
          <view class="Order_content_information_item flex data-v-2ede234b">
            <view class="Order_content_information_item_label data-v-2ede234b sk-transparent sk-text-14-2857-523 sk-text">充电接口编号：</view>
            <view class="Order_content_information_item_value oneflex value_text data-v-2ede234b sk-transparent sk-text-14-2857-713 sk-text" style="background-position-x: 100%;">1665521131920920662</view>
          </view>
          <view class="Order_content_information_item flex data-v-2ede234b">
            <view class="Order_content_information_item_label data-v-2ede234b sk-transparent sk-text-14-2857-675 sk-text">累计充电量：</view>
            <view class="Order_content_information_item_value oneflex value_text data-v-2ede234b sk-transparent sk-text-14-2857-164 sk-text" style="background-position-x: 100%;">1.60度</view>
          </view>
          <view class="Order_content_information_item flex data-v-2ede234b">
            <view class="Order_content_information_item_label data-v-2ede234b sk-transparent sk-text-14-2857-105 sk-text">预支付总金额：</view>
            <view class="Order_content_information_item_value oneflex value_text data-v-2ede234b sk-transparent sk-text-14-2857-166 sk-text" style="background-position-x: 100%;">20.00元</view>
          </view>
          <view class="price_time_interval data-v-2ede234b">
            <view class="price_time_interval_label data-v-2ede234b sk-transparent sk-text-14-2857-642 sk-text">价格</view>
            <view class="time_interval flex data-v-2ede234b">
              <view class="data-v-2ede234b" style="width:100%;margin-bottom:7px;">
                <view class="flex ac data-v-2ede234b">
                  <text class="data-v-2ede234b sk-transparent sk-text-14-2857-454 sk-text" style="color:#333333;">10:33:00-10:44:00</text>
                  <text class="time_interval_price oneflex data-v-2ede234b sk-transparent">9.50 /度<text class="bluetext data-v-2ede234b sk-transparent sk-text-14-2857-313 sk-text" style="background-position-x: 100%;">1.60度 | 15.20元</text></text>
                </view>
                <view class="time_interval_bottom_price data-v-2ede234b sk-transparent sk-text-14-2857-695 sk-text" style="background-position-x: 100%;">电价 6.00元 /度|服务费 3.50 元/度</view>
              </view>
            </view>
          </view>
          <view class="Order_content_information_item flex data-v-2ede234b">
            <view class="Order_content_information_item_label data-v-2ede234b sk-transparent sk-text-14-2857-22 sk-text">退款金额：</view>
            <view class="Order_content_information_item_value oneflex bluetext data-v-2ede234b sk-transparent sk-text-14-2857-107 sk-text" style="background-position-x: 100%;">4.80元</view>
          </view>
          <view class="Order_content_information_item flex data-v-2ede234b">
            <view class="Order_content_information_item_label data-v-2ede234b sk-transparent sk-text-14-2857-632 sk-text">实付总金额：</view>
            <view class="Order_content_information_item_value oneflex red_text data-v-2ede234b sk-transparent sk-text-14-2857-781 sk-text" style="background-position-x: 100%;">15.20元</view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<style>
	/*
	此文件为开发者工具生成，生成时间: 2023/6/5上午10:55:34
	
	在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\Order\pages\index\index.wxss 中引入样式
	```
	@import "./index.skeleton.wxss";
	```
	
	更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
	*/
	.sk-transparent {
	    color: transparent !important;
	  }
	.sk-text-14-2857-234 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 53.2000rpx;
	    position: relative !important;
	  }
	.sk-text {
	    background-origin: content-box !important;
	    background-clip: content-box !important;
	    background-color: transparent !important;
	    color: transparent !important;
	    background-repeat: repeat-y !important;
	  }
	.sk-text-14-2857-434 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-177 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-849 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-693 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-523 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-713 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-675 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-164 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-105 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-166 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-642 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-454 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-313 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-695 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 33.6000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-22 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-107 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-632 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 42.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-781 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 44.8000rpx;
	    position: relative !important;
	  }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>