|
|
@@ -1,38 +1,38 @@
|
|
|
-<template>
|
|
|
- <view class="jpmain ">
|
|
|
- <u-navbar title="设备详情"></u-navbar>
|
|
|
-
|
|
|
- <view class="gradient-header">
|
|
|
- <view class="jpback">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="body">
|
|
|
- <view class="page-top">
|
|
|
- <!-- <view class="text1">地锁名称</view> -->
|
|
|
+<template>
|
|
|
+ <view class="jpmain ">
|
|
|
+ <u-navbar title="设备详情"></u-navbar>
|
|
|
+
|
|
|
+ <view class="gradient-header">
|
|
|
+ <view class="jpback">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="body">
|
|
|
+ <view class="page-top">
|
|
|
+ <!-- <view class="text1">设备名称</view> -->
|
|
|
<!---->
|
|
|
|
|
|
- <view class="text1">{{
|
|
|
- infotext(chargingStation.name)
|
|
|
+ <view class="text1">{{
|
|
|
+ infotext(chargingStation.name)
|
|
|
}}</view>
|
|
|
- <view class="text1">{{
|
|
|
- infotext(chargingDevice.name)
|
|
|
- }}</view>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="page">
|
|
|
- <view class="info-title">
|
|
|
- <view class="name">设备信息</view>
|
|
|
- <view class="value">
|
|
|
- <view class="pack-up" v-show="listShow" @click="listShow=false">
|
|
|
- 展开<u-icon name="arrow-down" size="32" color="#AAAAAA"></u-icon>
|
|
|
- </view>
|
|
|
- <view class="pack-up" v-if="!listShow" @click="listShow=true">
|
|
|
- 收起<u-icon name="arrow-up" size="32" color="#AAAAAA"></u-icon>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="table">
|
|
|
+ <view class="text1">{{
|
|
|
+ infotext(chargingDevice.name)
|
|
|
+ }}</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="page">
|
|
|
+ <view class="info-title">
|
|
|
+ <view class="name">设备信息</view>
|
|
|
+ <view class="value">
|
|
|
+ <view class="pack-up" v-show="listShow" @click="listShow=false">
|
|
|
+ 展开<u-icon name="arrow-down" size="32" color="#AAAAAA"></u-icon>
|
|
|
+ </view>
|
|
|
+ <view class="pack-up" v-if="!listShow" @click="listShow=true">
|
|
|
+ 收起<u-icon name="arrow-up" size="32" color="#AAAAAA"></u-icon>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="table">
|
|
|
<view class="row">
|
|
|
<view class="name">设备型号</view>
|
|
|
<view class="value">{{chargingDevice.model}}</view>
|
|
|
@@ -96,379 +96,379 @@
|
|
|
<view class="name">设备质保期</view>
|
|
|
<view class="value">{{chargingDevice.shelfLife}}</view>
|
|
|
</view>
|
|
|
- </template>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="page">
|
|
|
- <view class="info-title">
|
|
|
- <view class="name">联网信息</view>
|
|
|
- <view class="value">
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- <view class="table">
|
|
|
- <view class="row">
|
|
|
- <view class="name">联网卡号</view>
|
|
|
- <view class="value">{{chargingDevice.internetCard}}</view>
|
|
|
- </view>
|
|
|
- <view class="row">
|
|
|
- <view class="name">有效期至</view>
|
|
|
- <view class="value">
|
|
|
- {{chargingDevice.cardExpirationDate?chargingDevice.cardExpirationDate.split(' ')[0]:''}}
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- <view class="tips" v-if="chargingDevice.tariffStandard">
|
|
|
- <u-icon style=" margin-top: 2px;" size="30" name="info-circle"></u-icon>
|
|
|
- <view>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="page">
|
|
|
+ <view class="info-title">
|
|
|
+ <view class="name">联网信息</view>
|
|
|
+ <view class="value">
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="table">
|
|
|
+ <view class="row">
|
|
|
+ <view class="name">联网卡号</view>
|
|
|
+ <view class="value">{{chargingDevice.internetCard}}</view>
|
|
|
+ </view>
|
|
|
+ <view class="row">
|
|
|
+ <view class="name">有效期至</view>
|
|
|
+ <view class="value">
|
|
|
+ {{chargingDevice.cardExpirationDate?chargingDevice.cardExpirationDate.split(' ')[0]:''}}
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="tips" v-if="chargingDevice.tariffStandard">
|
|
|
+ <u-icon style=" margin-top: 2px;" size="30" name="info-circle"></u-icon>
|
|
|
+ <view>
|
|
|
家用充电桩内含物联网卡，此卡随设备出厂时赠送三年免费使用时长，三年后将按5元/月资费标准收取费用。
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
- </view>
|
|
|
- </view>
|
|
|
-
|
|
|
- </view>
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- </view>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
- import * as API from '@/apis/pagejs/pagesStation.js'
|
|
|
-
|
|
|
- export default {
|
|
|
- components: {
|
|
|
-
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- id: "",
|
|
|
- chargingDevice: {},
|
|
|
- listShow: true,
|
|
|
- popupShow: false,
|
|
|
- customStyle: {
|
|
|
- "border-radius": "50px",
|
|
|
- "background-color": 'rgba(242, 244, 246, 1)',
|
|
|
- padding: "5px 20px",
|
|
|
- margin: "5px 0 ",
|
|
|
-
|
|
|
- },
|
|
|
- abc: false,
|
|
|
- whiteList: [],
|
|
|
- vipUser: {},
|
|
|
- delShow: false,
|
|
|
- chargingDevice: {},
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </view>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+ import * as API from '@/apis/pagejs/pagesStation.js'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ id: "",
|
|
|
+ chargingDevice: {},
|
|
|
+ listShow: true,
|
|
|
+ popupShow: false,
|
|
|
+ customStyle: {
|
|
|
+ "border-radius": "50px",
|
|
|
+ "background-color": 'rgba(242, 244, 246, 1)',
|
|
|
+ padding: "5px 20px",
|
|
|
+ margin: "5px 0 ",
|
|
|
+
|
|
|
+ },
|
|
|
+ abc: false,
|
|
|
+ whiteList: [],
|
|
|
+ vipUser: {},
|
|
|
+ delShow: false,
|
|
|
+ chargingDevice: {},
|
|
|
carshow: false,
|
|
|
chargingGun:{},
|
|
|
chargingStation:{},
|
|
|
-
|
|
|
- };
|
|
|
- },
|
|
|
- onLoad(op) {
|
|
|
- this.id = op.gunNo
|
|
|
- this.getFloorlockDetails()
|
|
|
-
|
|
|
- },
|
|
|
- onShow() {
|
|
|
-
|
|
|
- },
|
|
|
- methods: {
|
|
|
- infotext(text) {
|
|
|
- if (text) {
|
|
|
- return text
|
|
|
- } else {
|
|
|
- return ""
|
|
|
- }
|
|
|
- },
|
|
|
-
|
|
|
- getFloorlockDetails() {
|
|
|
-
|
|
|
- uni.showLoading({
|
|
|
- title: "加载中",
|
|
|
- mask: true,
|
|
|
- })
|
|
|
- var chargingDevice = {
|
|
|
- gunNo: this.id,
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- API.findStationByGun(chargingDevice).then((res) => {
|
|
|
- this.chargingDevice = res.data.chargingDevice
|
|
|
+
|
|
|
+ };
|
|
|
+ },
|
|
|
+ onLoad(op) {
|
|
|
+ this.id = op.gunNo
|
|
|
+ this.getFloorlockDetails()
|
|
|
+
|
|
|
+ },
|
|
|
+ onShow() {
|
|
|
+
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ infotext(text) {
|
|
|
+ if (text) {
|
|
|
+ return text
|
|
|
+ } else {
|
|
|
+ return ""
|
|
|
+ }
|
|
|
+ },
|
|
|
+
|
|
|
+ getFloorlockDetails() {
|
|
|
+
|
|
|
+ uni.showLoading({
|
|
|
+ title: "加载中",
|
|
|
+ mask: true,
|
|
|
+ })
|
|
|
+ var chargingDevice = {
|
|
|
+ gunNo: this.id,
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ API.findStationByGun(chargingDevice).then((res) => {
|
|
|
+ this.chargingDevice = res.data.chargingDevice
|
|
|
this.chargingStation = res.data.chargingStation
|
|
|
this.chargingGun = res.data.chargingGun
|
|
|
-
|
|
|
- uni.hideLoading();
|
|
|
- //this.getWhiteList()
|
|
|
- }).catch(error => {
|
|
|
-
|
|
|
- uni.hideLoading();
|
|
|
- uni.showToast({
|
|
|
- title: error,
|
|
|
- icon: "none"
|
|
|
- })
|
|
|
- })
|
|
|
- },
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-</script>
|
|
|
-<style>
|
|
|
- page {
|
|
|
- background-color: rgba(242, 244, 246, 1);
|
|
|
- }
|
|
|
-</style>
|
|
|
-<style lang="scss" scoped>
|
|
|
- .gradient-header {
|
|
|
- height: 0px;
|
|
|
- }
|
|
|
-
|
|
|
- .jpback {
|
|
|
- height: 360rpx;
|
|
|
- background: linear-gradient(180deg, rgba(22, 119, 255, 1) 11%, rgba(242, 244, 246, 1) 100%);
|
|
|
- }
|
|
|
-
|
|
|
- .body {
|
|
|
- padding: 32rpx 32rpx 120rpx 32rpx;
|
|
|
- //padding-bottom: ;
|
|
|
- }
|
|
|
-
|
|
|
- .page-top {
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- margin: 48rpx 0;
|
|
|
-
|
|
|
- .text1 {
|
|
|
- font-size: 36rpx;
|
|
|
- margin-bottom: 12rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .text2 {
|
|
|
- font-size: 40rpx;
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .page {
|
|
|
- border-radius: 16rpx;
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- color: rgba(16, 16, 16, 1);
|
|
|
-
|
|
|
- padding: 32rpx;
|
|
|
- margin-bottom: 32rpx;
|
|
|
- font-size: 32rpx;
|
|
|
- color: rgb(16, 16, 16);
|
|
|
-
|
|
|
- .info-title {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- padding-bottom: 24rpx;
|
|
|
-
|
|
|
- .name {
|
|
|
- font-size: 36rpx;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-weight: bold;
|
|
|
-
|
|
|
- .span {
|
|
|
- font-weight: 400;
|
|
|
- font-size: 28rpx;
|
|
|
- color: rgba(119, 119, 119, 1);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .value {
|
|
|
- font-size: 28rpx;
|
|
|
- color: rgba(119, 119, 119, 1);
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .pack-up {
|
|
|
-
|
|
|
-
|
|
|
- color: rgba(119, 119, 119, 100);
|
|
|
- }
|
|
|
-
|
|
|
- .tips {
|
|
|
- margin-top: 12rpx;
|
|
|
- display: flex;
|
|
|
- align-items: flex-start;
|
|
|
- font-size: 24rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .table {
|
|
|
- .table_v {
|
|
|
- width: 100%;
|
|
|
- }
|
|
|
-
|
|
|
- .table_tr {
|
|
|
-
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- }
|
|
|
-
|
|
|
- .row {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- height: 72rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- padding: 0 24rpx;
|
|
|
-
|
|
|
- .name {
|
|
|
- width: 240rpx;
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .table_td {
|
|
|
-
|
|
|
- height: 72rpx;
|
|
|
- font-size: 28rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .table_td1 {
|
|
|
- width: 30%;
|
|
|
- }
|
|
|
-
|
|
|
- .table_td2 {
|
|
|
- width: 30%;
|
|
|
- }
|
|
|
-
|
|
|
- .table_td3 {
|
|
|
- width: 30%;
|
|
|
- }
|
|
|
-
|
|
|
- .table_td4 {
|
|
|
- width: 10%;
|
|
|
- }
|
|
|
-
|
|
|
- /* 隔行变色: 偶数行设置背景色 */
|
|
|
- .row:nth-child(odd) {
|
|
|
- background-color: #f9f9f9;
|
|
|
- /* 偶数行 */
|
|
|
- }
|
|
|
-
|
|
|
- .table_tr:nth-child(odd) {
|
|
|
- background-color: #f9f9f9;
|
|
|
- /* 偶数行 */
|
|
|
- }
|
|
|
-
|
|
|
- .row:nth-child(even) {
|
|
|
- background-color: #ffffff;
|
|
|
- /* 奇数行 */
|
|
|
- }
|
|
|
-
|
|
|
- .table_tr:nth-child(even) {
|
|
|
- background-color: #ffffff;
|
|
|
- /* 奇数行 */
|
|
|
- }
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- ::v-deep.u-keyboard-grids-btn:nth-child(15) {
|
|
|
- background-color: red;
|
|
|
- }
|
|
|
-
|
|
|
- .popup-screen {
|
|
|
- padding: 40rpx 40rpx 60rpx 40rpx;
|
|
|
-
|
|
|
- .carNumber {
|
|
|
- background-color: #F2F4F6;
|
|
|
- padding: 5px 20px;
|
|
|
- margin: 5px 0 15px 0;
|
|
|
- height: 90rpx;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- border-radius: 50px;
|
|
|
-
|
|
|
- }
|
|
|
-
|
|
|
- .carNumber1 {
|
|
|
- color: #bcbcbc;
|
|
|
- }
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- .popup-title {
|
|
|
- font-size: 36rpx;
|
|
|
- color: rgba(51, 51, 51, 1);
|
|
|
- font-weight: bold;
|
|
|
- padding-bottom: 10px;
|
|
|
- }
|
|
|
-
|
|
|
- .cardList {
|
|
|
- display: flex;
|
|
|
- justify-content: space-evenly;
|
|
|
-
|
|
|
- .cardInfo {
|
|
|
- display: flex;
|
|
|
- flex-direction: column;
|
|
|
- justify-content: center;
|
|
|
- width: 160rpx;
|
|
|
- height: 160rpx;
|
|
|
- border-radius: 8px;
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
- text-align: center;
|
|
|
- border: 1px solid rgba(187, 187, 187, 1);
|
|
|
-
|
|
|
- .name {
|
|
|
- color: rgba(16, 16, 16, 1);
|
|
|
- font-size: 28rpx;
|
|
|
- }
|
|
|
-
|
|
|
- .price {
|
|
|
- color: rgba(16, 16, 16, 1);
|
|
|
- font-size: 48rpx;
|
|
|
- font-weight: bold;
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .cardInfoCk {
|
|
|
- background-color: rgba(225, 247, 237, 1);
|
|
|
- border: 1px solid rgba(0, 185, 98, 1);
|
|
|
-
|
|
|
- .price {
|
|
|
- color: rgba(0, 161, 85, 1);
|
|
|
-
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
-
|
|
|
- .floating-button {
|
|
|
- position: fixed;
|
|
|
- bottom: 0;
|
|
|
- /* 距离底部 20px */
|
|
|
- width: 100%;
|
|
|
- display: flex;
|
|
|
- height: 120rpx;
|
|
|
- justify-content: center;
|
|
|
- background-color: rgba(255, 255, 255, 1);
|
|
|
-
|
|
|
- .button {
|
|
|
- margin-top: 24rpx;
|
|
|
- border-radius: 50px;
|
|
|
- height: 80rpx;
|
|
|
- width: 80%;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- justify-content: center;
|
|
|
- padding: 12rpx;
|
|
|
-
|
|
|
- background-color: rgba(22, 119, 255, 1);
|
|
|
- color: rgba(255, 255, 255, 1);
|
|
|
- font-size: 36rpx;
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
+ uni.hideLoading();
|
|
|
+ //this.getWhiteList()
|
|
|
+ }).catch(error => {
|
|
|
+
|
|
|
+ uni.hideLoading();
|
|
|
+ uni.showToast({
|
|
|
+ title: error,
|
|
|
+ icon: "none"
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style>
|
|
|
+ page {
|
|
|
+ background-color: rgba(242, 244, 246, 1);
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<style lang="scss" scoped>
|
|
|
+ .gradient-header {
|
|
|
+ height: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .jpback {
|
|
|
+ height: 360rpx;
|
|
|
+ background: linear-gradient(180deg, rgba(22, 119, 255, 1) 11%, rgba(242, 244, 246, 1) 100%);
|
|
|
+ }
|
|
|
+
|
|
|
+ .body {
|
|
|
+ padding: 32rpx 32rpx 120rpx 32rpx;
|
|
|
+ //padding-bottom: ;
|
|
|
+ }
|
|
|
+
|
|
|
+ .page-top {
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ margin: 48rpx 0;
|
|
|
+
|
|
|
+ .text1 {
|
|
|
+ font-size: 36rpx;
|
|
|
+ margin-bottom: 12rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .text2 {
|
|
|
+ font-size: 40rpx;
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .page {
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+
|
|
|
+ padding: 32rpx;
|
|
|
+ margin-bottom: 32rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: rgb(16, 16, 16);
|
|
|
+
|
|
|
+ .info-title {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ padding-bottom: 24rpx;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-weight: bold;
|
|
|
+
|
|
|
+ .span {
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: rgba(119, 119, 119, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .value {
|
|
|
+ font-size: 28rpx;
|
|
|
+ color: rgba(119, 119, 119, 1);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .pack-up {
|
|
|
+
|
|
|
+
|
|
|
+ color: rgba(119, 119, 119, 100);
|
|
|
+ }
|
|
|
+
|
|
|
+ .tips {
|
|
|
+ margin-top: 12rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table {
|
|
|
+ .table_v {
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_tr {
|
|
|
+
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .row {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ height: 72rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ padding: 0 24rpx;
|
|
|
+
|
|
|
+ .name {
|
|
|
+ width: 240rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_td {
|
|
|
+
|
|
|
+ height: 72rpx;
|
|
|
+ font-size: 28rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_td1 {
|
|
|
+ width: 30%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_td2 {
|
|
|
+ width: 30%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_td3 {
|
|
|
+ width: 30%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_td4 {
|
|
|
+ width: 10%;
|
|
|
+ }
|
|
|
+
|
|
|
+ /* 隔行变色: 偶数行设置背景色 */
|
|
|
+ .row:nth-child(odd) {
|
|
|
+ background-color: #f9f9f9;
|
|
|
+ /* 偶数行 */
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_tr:nth-child(odd) {
|
|
|
+ background-color: #f9f9f9;
|
|
|
+ /* 偶数行 */
|
|
|
+ }
|
|
|
+
|
|
|
+ .row:nth-child(even) {
|
|
|
+ background-color: #ffffff;
|
|
|
+ /* 奇数行 */
|
|
|
+ }
|
|
|
+
|
|
|
+ .table_tr:nth-child(even) {
|
|
|
+ background-color: #ffffff;
|
|
|
+ /* 奇数行 */
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ ::v-deep.u-keyboard-grids-btn:nth-child(15) {
|
|
|
+ background-color: red;
|
|
|
+ }
|
|
|
+
|
|
|
+ .popup-screen {
|
|
|
+ padding: 40rpx 40rpx 60rpx 40rpx;
|
|
|
+
|
|
|
+ .carNumber {
|
|
|
+ background-color: #F2F4F6;
|
|
|
+ padding: 5px 20px;
|
|
|
+ margin: 5px 0 15px 0;
|
|
|
+ height: 90rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 50px;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .carNumber1 {
|
|
|
+ color: #bcbcbc;
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .popup-title {
|
|
|
+ font-size: 36rpx;
|
|
|
+ color: rgba(51, 51, 51, 1);
|
|
|
+ font-weight: bold;
|
|
|
+ padding-bottom: 10px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .cardList {
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-evenly;
|
|
|
+
|
|
|
+ .cardInfo {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
+ width: 160rpx;
|
|
|
+ height: 160rpx;
|
|
|
+ border-radius: 8px;
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid rgba(187, 187, 187, 1);
|
|
|
+
|
|
|
+ .name {
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .price {
|
|
|
+ color: rgba(16, 16, 16, 1);
|
|
|
+ font-size: 48rpx;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .cardInfoCk {
|
|
|
+ background-color: rgba(225, 247, 237, 1);
|
|
|
+ border: 1px solid rgba(0, 185, 98, 1);
|
|
|
+
|
|
|
+ .price {
|
|
|
+ color: rgba(0, 161, 85, 1);
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .floating-button {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ /* 距离底部 20px */
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ height: 120rpx;
|
|
|
+ justify-content: center;
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+
|
|
|
+ .button {
|
|
|
+ margin-top: 24rpx;
|
|
|
+ border-radius: 50px;
|
|
|
+ height: 80rpx;
|
|
|
+ width: 80%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ padding: 12rpx;
|
|
|
+
|
|
|
+ background-color: rgba(22, 119, 255, 1);
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
</style>
|
zhengkaixin