parent
e932a67763
commit
87697b7ac9
@ -0,0 +1,166 @@
|
||||
<template>
|
||||
<view class="piaoyi-text-animate3">
|
||||
<div class="g-container">
|
||||
<div class="g-number">{{text}}%</div>
|
||||
<div class="g-contrast">
|
||||
<div class="g-circle"></div>
|
||||
<!-- <view class="g-bubbles">
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
<view class="li"></view>
|
||||
</view> -->
|
||||
</div>
|
||||
</div>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
props: {
|
||||
text: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.piaoyi-text-animate3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
// background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.g-number {
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
top: 27%;
|
||||
text-align: center;
|
||||
font-size: 32px;
|
||||
z-index: 10;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.g-container {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
height: 400px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.g-contrast {
|
||||
// filter: contrast(10) hue-rotate(0);
|
||||
width: 300px;
|
||||
height: 400px;
|
||||
background-color: #fff;
|
||||
overflow: hidden;
|
||||
animation: hueRotate 10s infinite linear;
|
||||
}
|
||||
|
||||
.g-circle {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
box-sizing: border-box;
|
||||
filter: blur(8px);
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%) rotate(0);
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
// background-color: #00ff6f;
|
||||
background-color: #0abf49;
|
||||
border-radius: 42% 38% 62% 49% / 45%;
|
||||
animation: rotate 10s infinite linear;
|
||||
}
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 176px;
|
||||
height: 176px;
|
||||
top: 40%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
.g-bubbles {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0;
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
transform: translate(-50%, 0);
|
||||
border-radius: 100px 100px 0 0;
|
||||
background-color: #00ff6f;
|
||||
filter: blur(5px);
|
||||
}
|
||||
|
||||
.li {
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
background: #00ff6f;
|
||||
}
|
||||
|
||||
@for $i from 0 through 15 {
|
||||
.li:nth-child(#{$i}) {
|
||||
$width: 15 + random(15) + px;
|
||||
left: 15 + random(70) + px;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
width: $width;
|
||||
height: $width;
|
||||
animation: moveToTop #{random(6) + 3}s ease-in-out -#{random(5000)/1000}s infinite;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
50% {
|
||||
border-radius: 45% / 42% 38% 58% 49%;
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: translate(-50%, -50%) rotate(720deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes moveToTop {
|
||||
90% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: .1;
|
||||
transform: translate(-50%, -180px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes hueRotate {
|
||||
100% {
|
||||
filter: contrast(15) hue-rotate(360deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,392 @@
|
||||
.mainBg {
|
||||
width: 100vw;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
background: linear-gradient(180deg, #4C91FF 0%, #3698FD 11.35%, #73CBFD 21.65%, #94EBFF 37.35%, #EAF4F8 97.71%);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.change_version {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.tab_headers {
|
||||
line-height: 80rpx;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.topNav {
|
||||
position: absolute;
|
||||
top: 180rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 999;
|
||||
background: #fff;
|
||||
width: 90%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 15rpx;
|
||||
}
|
||||
.notice_position {
|
||||
// width: 100%;
|
||||
position: absolute;
|
||||
top: 280rpx;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 999;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.posi_imgs {
|
||||
position: absolute;
|
||||
// background: #fff;
|
||||
// padding: 5rpx;
|
||||
right: 30rpx;
|
||||
bottom: -10rpx;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.cu-bar {
|
||||
color: #fff;
|
||||
|
||||
.search-form {
|
||||
// width: 300rpx;
|
||||
background-color: #E2E2E2;
|
||||
margin: unset;
|
||||
}
|
||||
|
||||
.searchPoint {
|
||||
// width: 500rpx;
|
||||
height: 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.tabList {
|
||||
.stateStyle {
|
||||
padding: 8rpx 16rpx;
|
||||
color: #808A96;
|
||||
background-color: #E2E2E2;
|
||||
margin-left: 16rpx;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.titleName {
|
||||
color: #333333;
|
||||
font-weight: 400;
|
||||
font-size: 36rpx;
|
||||
// letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.addressInf {
|
||||
width: 442rpx;
|
||||
color: #666666;
|
||||
font-size: 28rpx;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
// margin:16rpx 0 0rpx 0;
|
||||
}
|
||||
|
||||
.listInf {
|
||||
width: 490rpx;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 178rpx;
|
||||
}
|
||||
|
||||
.mapBtn {
|
||||
height: 178rpx;
|
||||
align-items: flex-end;
|
||||
// background-color: greenyellow;
|
||||
}
|
||||
|
||||
.goMap {
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
background: url('/static/home/goMap.svg') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.moreLocal {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.regionName {
|
||||
letter-spacing: 3rpx;
|
||||
}
|
||||
|
||||
.stateImg {
|
||||
width: 164rpx;
|
||||
height: 164rpx;
|
||||
background-color: #eee;
|
||||
border-radius: 8rpx;
|
||||
|
||||
.titleImg {
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.searchImg {
|
||||
width: 72rpx;
|
||||
height: 72rpx;
|
||||
background: url('../../static/home/search.svg') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.chargeImg {
|
||||
width: 72rpx;
|
||||
height: 72rpx;
|
||||
background: url('../../static/home/pay.svg') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.subscribeImg {
|
||||
width: 72rpx;
|
||||
height: 72rpx;
|
||||
background: url('../../static/home/subscribe.svg') no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
|
||||
.cu-tag {
|
||||
background-color: #F2634F;
|
||||
font-size: 24rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.cu-tag.badge {
|
||||
border: 1px solid #fff;
|
||||
right: -17rpx;
|
||||
height: 34rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.wrap {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.stateFlex {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin-left: 16rpx;
|
||||
}
|
||||
|
||||
.cu-card>.cu-item {
|
||||
margin: 0 32rpx 16rpx 32rpx;
|
||||
}
|
||||
|
||||
.stateImg .cu-tag.badge {
|
||||
width: 100rpx;
|
||||
height: 40rpx;
|
||||
top: 0rpx;
|
||||
left: 0rpx;
|
||||
right: 90rpx;
|
||||
padding: 8rpx 0rpx;
|
||||
background-image: linear-gradient(to right bottom, #A5C7FF, #2690FB);
|
||||
border-radius: 4px;
|
||||
font-size: 24rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.bg-blue {
|
||||
background-image: linear-gradient(to right bottom, #A5C7FF, #2690FB);
|
||||
}
|
||||
|
||||
.stateImg .cu-tag .bgPlane {
|
||||
padding: 0rpx 8rpx;
|
||||
background: rgba(255, 255, 255, 0);
|
||||
}
|
||||
|
||||
.column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.card-nav {
|
||||
padding: 32rpx;
|
||||
|
||||
.navStyle {
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.swiperCard {
|
||||
margin: 16rpx 32rpx 0rpx 32rpx;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.cu-bar .search-form {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.cu-card .cu-item,
|
||||
.radius {
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.none-box {
|
||||
width: 100vw;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
.image-none {
|
||||
width: 320rpx;
|
||||
height: 452rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.battery-num {
|
||||
width: 20rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
|
||||
.bat-use {
|
||||
font-size: 32rpx;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
color: #333333;
|
||||
margin-left: 16rpx;
|
||||
line-height: 28rpx;
|
||||
}
|
||||
|
||||
.bat-total {
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
color: #333333;
|
||||
line-height: 26rpx;
|
||||
}
|
||||
|
||||
.card-box {
|
||||
padding: 32rpx;
|
||||
box-shadow: -2px 2px 8px 0px #7AA7D026;
|
||||
|
||||
}
|
||||
|
||||
.planeIcon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
||||
.planeNum {
|
||||
font-size: 28rpx;
|
||||
line-height: 28rpx;
|
||||
font-weight: 400;
|
||||
color: #4C91FF;
|
||||
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 32rpx;
|
||||
}
|
||||
|
||||
.notification {
|
||||
margin-top: 16rpx;
|
||||
|
||||
::v-deep .u-notice-bar {
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
::v-deep .u-icon text {
|
||||
color: #808080 !important;
|
||||
}
|
||||
}
|
||||
|
||||
.section {
|
||||
// height: 100%;
|
||||
}
|
||||
|
||||
.map_content {
|
||||
position: relative;
|
||||
|
||||
.marker_map {
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
.circle {
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
// background-image: url("https://picsum.photos/40/40");
|
||||
background-size: 100% 100%;
|
||||
margin: 10rpx 20rpx;
|
||||
}
|
||||
|
||||
.scan_views {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
bottom: 100rpx;
|
||||
left: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
.left_cicle,
|
||||
.right_cicle {
|
||||
width: 70rpx;
|
||||
height: 70rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
margin: 0 30rpx;
|
||||
}
|
||||
|
||||
.scan_btns {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
width: 240rpx;
|
||||
line-height: 80rpx;
|
||||
border-radius: 40rpx;
|
||||
text-align: center;
|
||||
background: linear-gradient(to right, #38d07a, #24b35f);
|
||||
}
|
||||
}
|
||||
|
||||
.public_flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.position_right_order {
|
||||
position: absolute;
|
||||
top: 360rpx;
|
||||
right: 5%;
|
||||
width: 80rpx;
|
||||
// height: 400rpx;
|
||||
padding: 20rpx 0;
|
||||
background: #fff;
|
||||
border-radius: 10rpx;
|
||||
z-index: 999;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 12px;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
|
||||
>view {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 15rpx 0;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,263 @@
|
||||
<template>
|
||||
<view class="content">
|
||||
<view class="cu-card article" style="position: relative;">
|
||||
<view class="cu-item shadow">
|
||||
<view class="padding-sm justify-between">
|
||||
<view class="refunded_0" v-if="detail.list.orderStatus == 0">
|
||||
初始化
|
||||
</view>
|
||||
<view class="refunded_1" v-if="detail.list.orderStatus == 1">
|
||||
充电中
|
||||
</view>
|
||||
<view class="refunded_3" v-if="detail.list.orderStatus == 2">
|
||||
启动充电失败
|
||||
</view>
|
||||
<view class="refunded_2" v-if="detail.list.orderStatus == 3">
|
||||
结束充电
|
||||
</view>
|
||||
<view class="refunded_1" v-if="detail.list.orderStatus == 4">
|
||||
待支付
|
||||
</view>
|
||||
<view class="refunded_2" v-if="detail.list.orderStatus == 5">
|
||||
(已完成)支付完成
|
||||
</view>
|
||||
<view class="refunded_3" v-if="detail.list.orderStatus == 6">
|
||||
支付失败
|
||||
</view>
|
||||
<view class="refunded_4" v-if="detail.list.orderStatus == 7">
|
||||
已退款
|
||||
</view>
|
||||
<view class="refunded_5" v-if="detail.list.orderStatus == 8">
|
||||
已挂起
|
||||
</view>
|
||||
<view class="refunded_6" v-if="detail.list.orderStatus == 9">
|
||||
已关闭
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cu-card article">
|
||||
<view class="cu-item shadow">
|
||||
<view class="flex justify-between flex-wrap padding-sm">
|
||||
<view class="name">{{detail.list.stationName==null?'--':detail.list.stationName}}</view>
|
||||
</view>
|
||||
<view class="flex padding-lr-sm justify-between flex-wrap list-view">
|
||||
<view class="staName">场站编码 </view>
|
||||
<view class="staNum">{{detail.list.stationNo==null?'--':detail.list.stationNo}}</view>
|
||||
</view>
|
||||
<view class="flex justify-between flex-wrap list-view">
|
||||
<view class="staName">充电订单号 </view>
|
||||
<view class="staNum">{{detail.list.chargeOrder==null?'--':detail.list.chargeOrder}}</view>
|
||||
</view>
|
||||
<view class="flex justify-between list-view">
|
||||
<view class="staName">车牌号 </view>
|
||||
<view class="staNum">{{detail.list.vehicleNo==null?'--':detail.list.vehicleNo}}</view>
|
||||
</view>
|
||||
<view class="flex padding-lr-sm justify-between list-view">
|
||||
<view class="staName">车辆vin</view>
|
||||
<view class="staNum">{{detail.list.vin==null?'--':detail.list.vin}}</view>
|
||||
</view>
|
||||
|
||||
<view class="flex padding-lr-sm justify-between list-view">
|
||||
<view class="staName">总电量 </view>
|
||||
<view class="staNum">{{detail.list.totalElectricity==null?'0':detail.list.totalElectricity}}kW·h
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex justify-between list-view">
|
||||
<view class="staName">平台服务费</view>
|
||||
<view class="staNum">{{detail.list.cloudTotalFee==null?'0':detail.list.cloudTotalFee / 100}}元</view>
|
||||
</view>
|
||||
<view class="flex justify-between list-view">
|
||||
<view class="staName">电池服务费</view>
|
||||
<view class="staNum">{{detail.list.batTotalFee==null?'0':detail.list.batTotalFee / 100}}元</view>
|
||||
</view>
|
||||
<view class="flex padding-lr-sm justify-between list-view">
|
||||
<view class="staName">充电服务总费用</view>
|
||||
<view class="staNum">{{detail.list.chargeTotalFee==null?'0':detail.list.chargeTotalFee / 100}}元
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex padding-sm justify-between flex-wrap">
|
||||
<view class="titleName">费用合计</view>
|
||||
<view class="money text-price">{{detail.list.totalFee==null?'0':detail.list.totalFee / 100}}元</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
<view class="btn_pay" v-if="detail.list.orderStatus == 4">
|
||||
<button style="font-size: 14px;" type="primary" @click="handle_pay">去支付</button>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import config from '@/common/config/config.js';
|
||||
import sheep from '@/sheep';
|
||||
import {
|
||||
reactive,
|
||||
ref,
|
||||
} from "vue";
|
||||
import {
|
||||
onLoad,
|
||||
onShow,
|
||||
onUnload
|
||||
} from "@dcloudio/uni-app";
|
||||
|
||||
import {
|
||||
useCounterStore
|
||||
} from '@/stores/counter.js';
|
||||
|
||||
|
||||
const detail = reactive({
|
||||
list: []
|
||||
})
|
||||
const timer = ref(null)
|
||||
const isorderStatus = ref(false)
|
||||
onLoad((options) => {
|
||||
var station = JSON.parse(options.details);
|
||||
detail.list = station
|
||||
})
|
||||
onShow(() => {})
|
||||
onUnload(() => {
|
||||
|
||||
})
|
||||
const charging_data = ref({})
|
||||
const istipsonly = ref(0)
|
||||
|
||||
const handle_pay = async () => {
|
||||
await uni.request({ //刷新token
|
||||
url: config.baseUrl + "app-api/cloud/outCharge/createPayOrder/" + detail.list.id,
|
||||
method: 'GET',
|
||||
header: {
|
||||
'Content-Type': 'application/x-www-form-urlencoded',
|
||||
'Authorization': 'Bearer ' + uni.getStorageSync('token'),
|
||||
'tenant-id': 1
|
||||
}
|
||||
}).then(res => {
|
||||
console.log(res, '支付信息')
|
||||
if (res.data.code == 0) {
|
||||
handle_pay_money(res.data.data)
|
||||
} else {
|
||||
uni.showModal({
|
||||
title: '提示',
|
||||
content: res.data.msg,
|
||||
showCancel: false,
|
||||
success: function(res) {
|
||||
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
const handle_pay_money = async (e) => {
|
||||
sheep.$router.go('/pagesCenter/pay/index', {
|
||||
id: e.payOrderId,
|
||||
orderType: 'recharge',
|
||||
});
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.content {
|
||||
height: 100vh;
|
||||
background: #F7F8FA;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cu-card.article>.cu-item {
|
||||
padding-bottom: 0rpx;
|
||||
}
|
||||
|
||||
.payState {
|
||||
color: #4C91FF;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.non-payment {
|
||||
color: #FF7B0E;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.refunded_0 {
|
||||
color: #06efef;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.refunded_1 {
|
||||
color: #00aaff;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.refunded_2 {
|
||||
color: #00aa00;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.refunded_3 {
|
||||
color: #aa0000;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.refunded_4 {
|
||||
color: #ffff00;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.refunded_5 {
|
||||
color: #55557f;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.refunded_6 {
|
||||
color: #aaaa7f;
|
||||
font-size: 39rpx;
|
||||
}
|
||||
|
||||
.name {
|
||||
color: #333;
|
||||
font-size: 39rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.titleName {
|
||||
color: #808080;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.staName {
|
||||
color: #808080;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.staNum {
|
||||
color: #333333;
|
||||
font-size: 28rpx;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.money {
|
||||
color: #4C91FF;
|
||||
font-size: 32rpx;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.list-view {
|
||||
padding: 0rpx 20rpx 20rpx 20rpx;
|
||||
}
|
||||
|
||||
.btn_pay {
|
||||
// width: 100%;
|
||||
position: absolute;
|
||||
bottom: 20rpx;
|
||||
right: 0;
|
||||
padding: 0 30rpx;
|
||||
}
|
||||
|
||||
.posi_loading {
|
||||
position: absolute;
|
||||
right: 50rpx;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in new issue