<template>
  <view class="main">
	 <view class="list">
		 <view class="list_l">
			 <image class="list_img" src="../../static/Mask.png" mode="widthFix"></image>
		 </view>
		 <view class="list_r">
			 <view class="list_title">糖醋排骨</view>
			 <view class="list_tag">
				 <view class="list_li">半小时送达</view>
				 <view class="list_li">劲辣胃浓</view>
			 </view>
			 <view class="list_bottom">
			 	<view class="list_price price">43.9<text class="market_name prices">59.9</text></view>
			 	<view class="list_shop_cart">
			 		<image class="list_cart_img" src="../../static/oncatr01.png" mode="widthFix"></image>
			 	</view>
			 </view>
		 </view>
	 </view>
	 <view class="list">
	 		 <view class="list_l">
	 			 <image class="list_img" src="../../static/Mask.png" mode="widthFix"></image>
	 		 </view>
	 		 <view class="list_r">
	 			 <view class="list_title">糖醋排骨</view>
	 			 <view class="list_tag">
	 				 <view class="list_li">半小时送达</view>
	 				 <view class="list_li">劲辣胃浓</view>
	 			 </view>
	 			 <view class="list_bottom">
	 			 	<view class="list_price price">43.9<text class="market_name prices">59.9</text></view>
	 			 	<view class="list_shop_cart">
	 			 		<image class="list_cart_img" src="../../static/oncatr01.png" mode="widthFix"></image>
	 			 	</view>
	 			 </view>
	 		 </view>
	 </view>
	 <view class="list">
	 		 <view class="list_l">
	 			 <image class="list_img" src="../../static/Mask.png" mode="widthFix"></image>
	 		 </view>
	 		 <view class="list_r">
	 			 <view class="list_title">糖醋排骨</view>
	 			 <view class="list_tag">
	 				 <view class="list_li">半小时送达</view>
	 				 <view class="list_li">劲辣胃浓</view>
	 			 </view>
	 			 <view class="list_bottom">
	 			 	<view class="list_price price">43.9<text class="market_name prices">59.9</text></view>
	 			 	<view class="list_shop_cart">
	 			 		<image class="list_cart_img" src="../../static/oncatr01.png" mode="widthFix"></image>
	 			 	</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,ButtonWidth,ButtonHeight } = storeToRefs(counterStore);

onLoad((options) => {
	
});
onShow(() => {});
onReady(()=>{})
onPullDownRefresh(()=>{})
onReachBottom(()=>{})
</script>

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