<template>
  <view class="main">	
	<view class="cont">
		<view class="cont_top">
			<view class="cont_top_l">
				<view class="cont_top_text">商品评价 <text class="cont_top_num">0</text>/2</view>
				<view class="cont_top_btn">一键好评</view>
			</view>
			<view class="cont_top_r">匿名</view>
		</view>
		<view class="cont_shop">
			<view class="cont_shop_l">
				<view class="cont_shop_img">
					<image class="cont_shop_imgUrl" src="../../static/Mask.png" mode="widthFix"></image>
				</view>
				<view class="cont_shop_x">
					<view class="cont_shop_title">泡椒田鸡</view>
					<view class="cont_shop_type">
						<view class="cont_goos"><image class="cont_goos_img" src="../../static/eval/negative_aver.png" mode="widthFix"></image>差评</view>
						<view class="cont_goos"><image class="cont_goos_img" src="../../static/eval/ordinary.png" mode="widthFix"></image>一般</view>
						<view class="cont_goos"><image class="cont_goos_img" src="../../static/eval/good.png" mode="widthFix"></image>好评</view>
					</view>
				</view>
			</view>
		</view>
		<view class="cont_shop_edit">
			<view class="cont_text">
				<image class="cont_text_img" src="../../static/eval/editeval.png"></image>
				<textarea class="cont_textarea" :disable-default-padding="isIos" placeholder="走心评价会创造出更多好货哦～"></textarea>
			</view>
			<view class="cont_ul">
				<view class="cont_li">
					<view class="cont_upload_remove">
						<image class="cont_upload_remove_img" src="../../static/eval/closeImg.png" mode="widthFix"></image>
					</view>
					<image class="cont_li_img" src="../../static/Mask.png" mode="widthFix"></image>
				</view>
				<view class="cont_li cont_upload">
					<image class="cont_upload_img" src="../../static/eval/adds.png" mode="widthFix"></image>
					<view class="cont_upload_text">添加图片</view>
				</view>
				
			</view>
		</view>
		
		<view class="cont_shop_border"></view>
		
		<view class="cont_shop">
			<view class="cont_shop_l">
				<view class="cont_shop_img">
					<image class="cont_shop_imgUrl" src="../../static/Mask.png" mode="widthFix"></image>
				</view>
				<view class="cont_shop_x">
					<view class="cont_shop_title">泡椒田鸡</view>
					<view class="cont_shop_type">
						<view class="cont_goos"><image class="cont_goos_img" src="../../static/eval/negative_aver.png" mode="widthFix"></image>差评</view>
						<view class="cont_goos"><image class="cont_goos_img" src="../../static/eval/ordinary.png" mode="widthFix"></image>一般</view>
						<view class="cont_goos"><image class="cont_goos_img" src="../../static/eval/good.png" mode="widthFix"></image>好评</view>
					</view>
				</view>
			</view>
		</view>
		<view class="cont_shop_edit">
			<view class="cont_text">
				<image class="cont_text_img" src="../../static/eval/editeval.png"></image>
				<textarea :disable-default-padding="isIos" class="cont_textarea" placeholder="走心评价会创造出更多好货哦～"></textarea>
			</view>
			<view class="cont_ul">
				<view class="cont_li">
					<view class="cont_upload_remove">
						<image class="cont_upload_remove_img" src="../../static/eval/closeImg.png" mode="widthFix"></image>
					</view>
					<image class="cont_li_img" src="../../static/Mask.png" mode="widthFix"></image>
				</view>
				<view class="cont_li cont_upload">
					<image class="cont_upload_img" src="../../static/eval/adds.png" mode="widthFix"></image>
					<view class="cont_upload_text">添加图片</view>
				</view>
				
			</view>
		</view>
	</view>
	<view style="height: 300rpx;"></view>
	
	<view class="footer">
		<view class="footer_btn">提交</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);
const active = ref(0);
const isIos = ref(false);
const System = () =>{
	const phone = wx.getSystemInfoSync();
	if (phone.platform == 'ios') {
	    isIos.value = true
	} else if (phone.platform == 'android') {
	    isIos.value = false
	}
};

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

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