JP-ChargeTeam51/pages/searchPile/stationAndPile/costExplain.vue

<template>
	<view >
		<ujp-navbar title="费用说明页">
			
		</ujp-navbar>
		<view class="main">
			<view class="item">
				<view class="title">
					充电枪编号
				</view>
				<view class="content">
					01212861560
				</view>
			</view>
			<view class="item">
				<view class="title">
					充电枪名称-充电枪类型
				</view>
				<view class="content">
					1号直流桩-直流式
				</view>
			</view>
			<view class="item">
				<view class="title">
					充电枪功率
				</view>
				<view class="content">
					80kW
				</view>
			</view>
			<view class="item">
				<view class="title">
					电费+服务费
					<view class="iconfont more">
						&#xe600;
					</view>
				</view>
				<view class="content">
					当前时段：08:00~10:00   1.28 元/度(含电费0.98元/度 + 服务费0.30元/度)
					
				</view>
			</view>
			<view class="item">
				<view class="title">
					停车费用
				</view>
				<view class="content">
					充电免停2小时停车费(临牌车不享受免停)
				</view>
			</view>
			
		</view>
		
	</view>
</template>

<script>
</script>

<style lang="scss">
	.main{
		background-color: #fff;
		padding-left: 16px;
		.item{
			border-bottom: 1px solid #e5e7ea;
			padding: 16px 0 ;
			.title{
				line-height: 16px;
				color: rgba(119, 119, 119, 100);
				font-size: 16px;
				.more{
					font-size: 24px;
					color: #b3b3b3;
					float: right;
					margin-right: 8px;
				}
			}
			.content{
				line-height: 24px;
				color: rgba(16, 16, 16, 100);
				font-size: 16px;
				margin-top: 8px;
				padding-right: 30px;
				
			}
		}
	}
</style>