<template>
  <view class="main">
	<view class="coupon_title">可使用券(2)</view>
	<view class="coupon_cont">
		<view class="coupon_item">
			<view class="coupon_item_l">
				<view class="coupon_item_absolute"></view>
				<view class="coupon_item_v">
					<view class="coupon_item_price">5</view>
					<view class="coupon_item_desc">满39可用</view>
				</view>
			</view>
			<view class="coupon_item_border"></view>
			<view class="coupon_item_r">
				<view class="coupon_item_r_l">
					<view class="coupon_item_name">新人限时券</view>
					<view class="coupon_item_time">今日23:59到期</view>
				</view>
				<view class="coupon_item_r_r">领取</view>
			</view>
		</view>
		<view class="coupon_item">
			<view class="coupon_item_l">
				<view class="coupon_item_absolute"></view>
				<view class="coupon_item_v">
					<view class="coupon_item_price">10</view>
					<view class="coupon_item_desc">满59可用</view>
				</view>
			</view>
			<view class="coupon_item_border"></view>
			<view class="coupon_item_r">
				<view class="coupon_item_r_l">
					<view class="coupon_item_name">新人限时券</view>
					<view class="coupon_item_time">今日23:59到期</view>
				</view>
				<view class="coupon_item_r_r">领取</view>
			</view>
		</view>
	</view>
  </view>
</template>

<script setup>
import { computed,ref,onMounted,onUnmounted,getCurrentInstance,nextTick } from 'vue';
import { useCounterStore } from '@/store/counter'; // 引入 Pinia Store
import { storeToRefs } from 'pinia';//实现解构付值
import { onLoad,onShow,onPullDownRefresh,onPageScroll,onReachBottom,onReady } from "@dcloudio/uni-app"
const counterStore = useCounterStore(); // 使用 Store
const { proxy } = getCurrentInstance();
//使用pinia：storeToRefs方法包裹(保持响应式更新，不使用视图无法更新)
const {statusHeight,headerHeight,statusBartop } = storeToRefs(counterStore);
onLoad((options) => {});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>

<style lang="scss">
	@import './style.scss';
</style>