zx_flk_app/pages/batteryPackage/batteryPackage.vue

<template>
	<view class="battery-package-main">
		<view class="package-icon-view flex-row">
			<img src="https://qiniu.bms16.com/FqF7erLOB8OutmFnre7-mbTkwpZr" alt="">
			<view class="package-icon-text flex-row">5秒换电，瞬间满电，畅享骑行新体验！</view>
		</view>
		<view class="package-list-view">
			<view class="package-num-view flex-row"><text class="package-num">10</text> 天 <text class="package-num">10</text> 次</view>
			<view class="flex-row flex-between align-baseline">
				<view class="apply-battery">适用电池：<text class="apply-battery-num">48v20Ah</text></view>
				<view class="flex-row align-baseline">
					<text class="package-price">$35.9</text>
					<text class="symbol-style">
						<text>$</text>
						<text style="font-size: 64rpx;">23</text>
						<text style="font-size: ;">.0</text>
					</text>
					
				</view>
			</view>
		</view>
		<view class="package-list-view">
			<view class="package-num-view flex-row"><text class="package-num">10</text> 天 <text class="package-num">10</text> 次</view>
			<view class="flex-row flex-between align-baseline">
				<view class="apply-battery">适用电池：<text class="apply-battery-num">48v20Ah</text></view>
				<view class="flex-row align-baseline">
					<text class="package-price">$35.9</text>
					<text class="symbol-style">
						<text>$</text>
						<text style="font-size: 64rpx;">23</text>
						<text style="font-size: ;">.0</text>
					</text>
					
				</view>
			</view>
		</view>
		<view class="flex-row package-tip" style="flex-direction: column;">
			<view class="flex-row" style="margin-bottom: 16rpx;">当前购买为虚拟IC卡</view>
			<view class="flex-row">如想要体验实体IC卡功能，前往最近的门店领取IC卡</view>
		</view>
		<view class="pay-btn">需到店支付</view>
	</view>
</template>

<script>
	var config = require('../../common/config.js');
	export default {
		data() {
			return {
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad: function(options) {
		},
		methods: {

		}
	};
</script>
<style>
	@import './batteryPackage.css';
</style>