|
|
@@ -13,17 +13,59 @@
|
|
|
<view class="station-name">
|
|
|
{{stationDetail.station.name}}
|
|
|
</view>
|
|
|
+ <view class="sign">
|
|
|
+ <view class="sign-1">会员享服务费8.5折</view>
|
|
|
+ <view class="sign-2">包月卡</view>
|
|
|
+ <view class="sign-2">服务费代金券</view>
|
|
|
+ <view class="sign-2">超级代金券</view>
|
|
|
+ </view>
|
|
|
+ <view class="infos-item between">
|
|
|
+
|
|
|
+ <view class="position"><view class="img-box"><img src="../../../assets/img/riLine-navigation-line.svg" alt=""></view>湖北省荆州市沙市区江津东路附155号荆鹏软件园侧门院内</view>
|
|
|
+ <view class="distance">小于100米<text class="iconfont"></text></view>
|
|
|
+ </view>
|
|
|
+ <view class="infos-item">
|
|
|
+ <view class="date"><text><img src="../../../assets/img/riLine-map-pin-time-line.svg" alt=""></text>周一到周日 07:00~22:00 (节假日除外)</view>
|
|
|
+ </view>
|
|
|
+ <view class="infos-item between">
|
|
|
+ <view class="park "><text><img src="../../../assets/img/riLine-parking-box-line.svg" alt=""></text>2小时停车免费</view>
|
|
|
+ <view class="iconfont park-font">
|
|
|
+ 
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="infos-item between">
|
|
|
+ <view class="date"><text><img src="../../../assets/img/riLine-charging-pile-line Copy.svg" alt="">
|
|
|
+ </text>直流快充/交流慢充</view>
|
|
|
+ <view class="free">
|
|
|
+ <view class="fast">
|
|
|
+ <view class="fast-font">
|
|
|
+ 快
|
|
|
+ </view>
|
|
|
+ <view class="num">
|
|
|
+ 3/4
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="slow">
|
|
|
+ <view class="slow-font">
|
|
|
+ 慢
|
|
|
+ </view>
|
|
|
+ <view class="num">
|
|
|
+ 3/4
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
|
|
|
- <view class="details-item" style="margin-top: 16px;">
|
|
|
+ <!-- <view class="details-item" style="margin-top: 16px;">
|
|
|
<view class="iconfont font5"
|
|
|
:style="stationDetail.station.type.indexOf('1')>=0?(stationDetail.station.type.indexOf('2')>=0?'color: #00BAC8;':'color: #9d9fff;'):('color: #00b962;')">
|
|
|
</view>
|
|
|
- <!-- style="color: #00b962;"-->
|
|
|
+
|
|
|
<view class="item-text oldTextjp2" oldstyle="font-size: 16px;">
|
|
|
{{(stationDetail.station.type.indexOf('1')>=0?'直流快充':'')}}{{(stationDetail.station.type.indexOf(',')>=0?'/':'')}}{{(stationDetail.station.type.indexOf('2')>=0?'交流慢充':'')}}
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="details-item">
|
|
|
+ </view> -->
|
|
|
+ <!-- <view class="details-item">
|
|
|
<view class="iconfont font5" style="color: #4e94ff;"></view>
|
|
|
<view class="item-text oldTextjp2" oldstyle="font-size: 16px;" >
|
|
|
<template v-if="stationDetail.station.distance">
|
|
|
@@ -36,24 +78,23 @@
|
|
|
color: #5c95f8;
|
|
|
margin-left: 10px;" @click="getPoint()">重新定位</span>
|
|
|
</view>
|
|
|
- </view>
|
|
|
- <view class="details-item" v-if="stationDetail.station.describe">
|
|
|
+ </view> -->
|
|
|
+ <!-- <view class="details-item" v-if="stationDetail.station.describe">
|
|
|
<view class="iconfont font5" style="color: #ffad79;"></view>
|
|
|
<view class="item-text oldTextjp2" oldstyle="font-size: 16px;">
|
|
|
{{stationDetail.station.describe}}
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
|
|
|
- <view class="details-item">
|
|
|
+ <!-- <view class="details-item">
|
|
|
<img class="iconfont font5" src="@/assets/img/riLine-coupon-3-line.svg" style="width: 40rpx;" >
|
|
|
- <!-- <view class="iconfont font5" style="color: #ffad79;"></view> -->
|
|
|
<view class="item-text oldTextjp2" oldstyle="font-size: 16px;">
|
|
|
本站<span v-if="stationDetail&&stationDetail.station&&stationDetail.station.giveDiscount">会员享服务费{{stationDetail.station.discountRatio/10}}折，</span>支持包月卡、服务费代金券和超级代金券等优惠活动
|
|
|
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
|
|
|
- <view class="station-address" @click="map">
|
|
|
+ <!-- <view class="station-address" @click="map">
|
|
|
<img src="static/img/Frame 201.png" alt="">
|
|
|
<view class="address-text oldTextjp" oldstyle="font-size: 16px;">
|
|
|
{{stationDetail.station.address}}
|
|
|
@@ -68,7 +109,7 @@
|
|
|
</view>
|
|
|
|
|
|
|
|
|
- </view>
|
|
|
+ </view> -->
|
|
|
</view>
|
|
|
|
|
|
<view class="tabs-box">
|
|
|
@@ -940,6 +981,47 @@
|
|
|
|
|
|
}
|
|
|
}
|
|
|
+.between{
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.infos-item{
|
|
|
+ display: flex;
|
|
|
+ padding: 14px 0;
|
|
|
+ align-items: center;
|
|
|
+ border-bottom: solid rgba(238, 242, 240, 100);
|
|
|
+ font-size: 16px;
|
|
|
+ .position{
|
|
|
+ width: 65%;
|
|
|
+ line-height: 20px;
|
|
|
+ margin-left: 8rpx;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .img-box{
|
|
|
+ margin-right: 4px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .distance{
|
|
|
+ color: rgba(0, 185, 98, 100);
|
|
|
+ font-size: 16px;
|
|
|
+ }
|
|
|
+ text{
|
|
|
+ margin-right: 4px;
|
|
|
+
|
|
|
+ img{
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ .date,.park{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .park-font{
|
|
|
+ font-size: 16px;
|
|
|
+ color: #999999;
|
|
|
+ }
|
|
|
+}
|
|
|
|
|
|
// 价格详情
|
|
|
.price-details {
|
|
|
@@ -1725,5 +1807,71 @@
|
|
|
}
|
|
|
|
|
|
}
|
|
|
+.sign{
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ margin-top: 8px;
|
|
|
+ width: 70%;
|
|
|
+ .sign-1{
|
|
|
+ line-height: 20px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: rgba(255, 255, 255, 100);
|
|
|
+ color: rgba(255, 139, 0, 100);
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid rgba(255, 139, 0, 100);
|
|
|
+ padding: 0 4px;
|
|
|
+ margin-right: 8px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ }
|
|
|
+ .sign-2{
|
|
|
+ line-height: 20px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: rgba(255, 255, 255, 100);
|
|
|
+ color: rgba(153, 153, 153, 100);
|
|
|
+ font-size: 12px;
|
|
|
+ text-align: center;
|
|
|
+ border: 1px solid rgba(204, 204, 204, 100);
|
|
|
+ padding: 0 4px;
|
|
|
+ margin-right: 8px;
|
|
|
+ margin-bottom: 4px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .free{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .slow,.fast{
|
|
|
+ display: flex;
|
|
|
+ .fast-font{
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: rgba(186, 240, 215, 100);
|
|
|
+ color: rgba(0, 130, 69, 100);
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 4px;
|
|
|
+ }
|
|
|
+ .slow-font{
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-color: rgba(226, 226, 226, 100);
|
|
|
+ color: rgba(128, 128, 128, 100);
|
|
|
+ font-size: 14px;
|
|
|
+ text-align: center;
|
|
|
+ margin-right: 4px;
|
|
|
+ }
|
|
|
+ .num{
|
|
|
+ font-size: 16px;color: rgba(0, 145, 67, 100);
|
|
|
+ line-height: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .slow{
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
</style>
|
