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.
195 lines
10 KiB
195 lines
10 KiB
<!-- |
|
此文件为开发者工具生成,生成时间: 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> |