<!--
此文件为开发者工具生成，生成时间: 2023/9/25上午10:02:59
使用方法：
在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\ChargingStation\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\ChargingStation\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="data-v-50236f40" style="width:100vw;height:100vh;overflow:hidden;position:relative;">
      <view class="guide flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-870 sk-text"  style="top:528px;">桩点指引</view>
      <view class="details_body flex column data-v-50236f40">
        <view class="details_header data-v-50236f40">
          <view class="details_header_information flex ac data-v-50236f40">
            <view class="oneflex data-v-50236f40" style="overflow:hidden;">
              <view class="stationItem_top_title data-v-50236f40 sk-transparent sk-text-14-2857-376 sk-text" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">灯塔家园</view>
              <view class="address data-v-50236f40 sk-transparent sk-text-14-2857-937 sk-text" style="white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">上派镇灯塔家园</view>
              <view class="stationItem_top_label_container flex data-v-50236f40">
                <view class="stationItem_top_label data-v-50236f40 sk-transparent sk-text-14-2857-897 sk-text" style="background:#36658DFF;">距离最近</view>
                <view class="stationItem_top_label data-v-50236f40 sk-transparent sk-text-14-2857-364 sk-text" style="background:#6EA29BCC;">最大120A</view>
                <view class="stationItem_top_label data-v-50236f40 sk-transparent sk-text-14-2857-207 sk-text" style="background:#00A7EBCC;">云快充</view>
              </view>
            </view>
            <view class="stationItem_distance flex data-v-50236f40 sk-transparent" >
              <view  class="data-v-50236f40" style="margin-right:5px;">
                <text class="uni-icons icons--uni-icons uniui-paperplane-filled icons--uniui-paperplane-filled sk-pseudo sk-pseudo-circle"  style="color:#476ffa;font-size:15px;"></text>
              </view>0.52 KM</view>
          </view>
          <view class="details_header_label data-v-50236f40">
            <view class="details_header_label_item flex ac data-v-50236f40">
              <image class="data-v-50236f40 sk-image" mode="widthFix" style="height: 17px;"></image>
              <text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-427 sk-text">60/KW</text>
            </view>
            <view class="details_header_label_item flex ac data-v-50236f40">
              <image class="data-v-50236f40 sk-image" mode="widthFix" style="height: 20.9464px;"></image>
              <text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-518 sk-text">免费</text>
            </view>
            <view class="details_header_label_item flex ac data-v-50236f40">
              <image class="data-v-50236f40 sk-image" mode="widthFix" style="height: 17px;"></image>
              <text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-669 sk-text">全天开放</text>
            </view>
          </view>
        </view>
        <view class="details_center oneflex data-v-50236f40">
          <view class="details_center_title data-v-50236f40 sk-transparent sk-text-14-2857-890 sk-text">充电桩</view>
          <view class="flex data-v-50236f40" style="margin-bottom:5px;align-items:flex-end;">
            <text class="oneflex data-v-50236f40 sk-transparent sk-text-14-2857-394 sk-text">当前时段：00:00 - 24:00</text>
            <text class="totalPrice data-v-50236f40 sk-transparent sk-text-14-2857-751 sk-text">￥1.01 /度</text>
            <text class="totalPrice_old data-v-50236f40 sk-transparent sk-text-14-2857-975 sk-text" style="text-decoration-color: transparent;">￥1.01 /度</text>
          </view>
          <view class="data-v-50236f40">
            <text class="data-v-50236f40 sk-transparent">电费:<text class="blue data-v-50236f40 sk-transparent sk-text-14-2857-940 sk-text">1.000元/度</text></text>
            <text class="data-v-50236f40 sk-transparent" style="margin-left:20px;">服务费:<text class="blue data-v-50236f40 sk-transparent sk-text-14-2857-350 sk-text">0.01元/度</text></text>
          </view>
          <view class="details_center_label flex data-v-50236f40">
            <view class="details_center_label_item flex ac data-v-50236f40" >
              <view class="stationItem_bottom_label flex ac data-v-50236f40">
                <view class="stationItem_bottom_label_logo flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-337 sk-text">快</view>
                <text class="data-v-50236f40 sk-transparent sk-text-14-2857-162 sk-text">4/10</text>
              </view>
              <view class="flex ac data-v-50236f40">
                <text class="data-v-50236f40 sk-transparent sk-text-14-2857-356 sk-text" style="font-size:11px;">详情</text>
                <view  class="data-v-50236f40">
                  <text class="uni-icons icons--uni-icons uniui-forward icons--uniui-forward sk-pseudo sk-pseudo-circle"  style="color:#121836;font-size:15px;"></text>
                </view>
              </view>
            </view>
            <view class="details_center_label_item flex ac data-v-50236f40" >
              <view class="stationItem_bottom_label flex ac data-v-50236f40">
                <view class="stationItem_bottom_label_logo flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-413 sk-text" style="border-color:#36658DFF;color:#36658DFF;">慢</view>
                <text class="data-v-50236f40 sk-transparent sk-text-14-2857-873 sk-text">0/0</text>
              </view>
              <view class="flex ac data-v-50236f40">
                <text class="data-v-50236f40 sk-transparent sk-text-14-2857-891 sk-text" style="font-size:11px;">详情</text>
                <view class="data-v-50236f40">
                  <text class="uni-icons icons--uni-icons uniui-forward icons--uniui-forward sk-pseudo sk-pseudo-circle"  style="color:#121836;font-size:15px;"></text>
                </view>
              </view>
            </view>
            <view class="details_center_label_item flex ac data-v-50236f40" >
              <view class="stationItem_bottom_label flex ac data-v-50236f40">
                <view class="stationItem_bottom_label_logo flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-944 sk-text" style="border-color:#F67A22FF;color:#F67A22FF;">其他</view>
                <text class="data-v-50236f40 sk-transparent sk-text-14-2857-360 sk-text">0/0</text>
              </view>
              <view class="flex ac data-v-50236f40">
                <text class="data-v-50236f40 sk-transparent sk-text-14-2857-584 sk-text" style="font-size:11px;">详情</text>
                <view  class="data-v-50236f40">
                  <text class="uni-icons icons--uni-icons uniui-forward icons--uniui-forward sk-pseudo sk-pseudo-circle"  style="color:#121836;font-size:15px;"></text>
                </view>
              </view>
            </view>
          </view>
          <view class="details_center_title data-v-50236f40 sk-transparent sk-text-14-2857-710 sk-text"  style="text-decoration: underline transparent;">价格详情</view>
        </view>
        <view class="details_footer flex ac data-v-50236f40">
          <view class="flex oneflex data-v-50236f40">
            <view class="flex column ac data-v-50236f40" >
              <image class="data-v-50236f40 sk-image" mode="heightFix" style="height: 22px; width: 25.4222px;"></image>
              <view class="label_text data-v-50236f40 sk-transparent sk-text-14-2857-928 sk-text">收藏</view>
            </view>
            <view class="flex column ac data-v-50236f40"  style="margin-left:27px;">
              <image class="data-v-50236f40 sk-image" mode="heightFix" style="height: 22px; width: 22px;"></image>
              <view class="label_text data-v-50236f40 sk-transparent sk-text-14-2857-938 sk-text">联系客服</view>
            </view>
          </view>
          <view class="details_footer_button flex ac jc data-v-50236f40 sk-transparent sk-text-14-2857-554 sk-text">扫码充电</view>
        </view>
      </view>
    </view>
  </view>
</template>
<style>
	/*
	此文件为开发者工具生成，生成时间: 2023/9/25上午10:02:59
	
	在 C:\Users\lenovo\Documents\HBuilderProjects\Nebula-Flash-Charge_MP-WEIXIN\unpackage\dist\dev\mp-weixin\ChargingStation\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-870 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: absolute !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-376 {
	    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-937 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-897 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-364 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-207 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-427 {
	    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-518 {
	    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-669 {
	    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-890 {
	    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-394 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-751 {
	    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-975 {
	    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-940 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-350 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 39.2000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-337 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-162 {
	    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-356 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-413 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-873 {
	    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-891 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-944 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 28.0000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-360 {
	    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-584 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 30.8000rpx;
	    position: relative !important;
	  }
	.sk-text-14-2857-710 {
	    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-928 {
	    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-938 {
	    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-554 {
	    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
	    background-size: 100% 47.6000rpx;
	    position: relative !important;
	  }
	.sk-image {
	    background: #EFEFEF !important;
	  }
	.sk-pseudo::before, .sk-pseudo::after {
	      background: #EFEFEF !important;
	      background-image: none !important;
	      color: transparent !important;
	      border-color: transparent !important;
	    }
	.sk-pseudo-rect::before, .sk-pseudo-rect::after {
	      border-radius: 0 !important;
	    }
	.sk-pseudo-circle::before, .sk-pseudo-circle::after {
	      border-radius: 50% !important;
	    }
	.sk-container {
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    overflow: hidden;
	    background-color: transparent;
	  }

</style>