caoliancun
/
NebulaFlashCharge_MP-WEIXIN
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
星油闪充小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
0 Tags
1.7 MiB
 
 
 
 
Tag: Branch: Tree: e416e23f09
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'e416e23f09'
${ noResults }
NebulaFlashCharge_MP-WEIXIN/ChargingStation/pages/index/skeleton.vue

308 lines
16 KiB
Raw Blame History

<!--
此文件为开发者工具生成，生成时间: 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>