zx_flk_app/pages/buyPackage/buyPackage.vue

<template>
	<view class="container">
		<img class="top-img" src="https://qiniu.bms16.com/FqDJdcyQZUG7rwTz2zoqkKsxkUrx" />
		<view class="type-top">
			<view>券包类型</view>
		</view>
		<view class="type-box">
			<view class="type-card">
				<!-- 单个套餐 -->
				<view class="card-item">
					<view class="item-left flex-row flex-between">
						<view class="item-top flex-row">
							<img src="https://qiniu.bms16.com/FiJc2aTl5Q2H6IxbLq8nul6ywZi1" />
							<view class="top-center">
								<view>优惠券</view>
								<view>￥<text>18.5</text><del>￥70</del></view>
							</view>
						</view>
						<view class="buy-btn">购买立享</view>
					</view>
					<view class="item-bottom flex-row">
						<view>折合0.7元/时</view>
						<view style="margin-left: 16rpx;">立享2.3折优惠</view>
					</view>
				</view>
				<view class="card-item">
					<view class="item-left flex-row flex-between">
						<view class="item-top flex-row">
							<img src="https://qiniu.bms16.com/FiJc2aTl5Q2H6IxbLq8nul6ywZi1" />
							<view class="top-center">
								<view>优惠券</view>
								<view>￥<text>18.5</text><del>￥70</del></view>
							</view>
						</view>
						<view class="buy-btn">购买立享</view>
					</view>
					<view class="item-bottom flex-row">
						<view>折合0.7元/时</view>
						<view style="margin-left: 16rpx;">立享2.3折优惠</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad: function(options) {
			
		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function() {
			
		},
		methods: {
			navToPage(e) {
				const url = e.currentTarget.dataset.url;
				if (!url) {
					return;
				}
				uni.navigateTo({
					url: url
				});
			},
		}
	};
</script>

<style>
	@import './buyPackage.css';
</style>