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/Order/pages/index/skeleton.vue

195 lines
10 KiB
Raw Blame History

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