169 lines
7.8 KiB
Vue
169 lines
7.8 KiB
Vue
<template>
|
||
<view class="mian">
|
||
<view class="head">
|
||
<view class="eval_tag eval_tag_active">全部<text>5000+</text></view>
|
||
<view class="eval_tag"><image class="eval_tag_img" src="../../static/eval/img.png" mode="widthFix"></image>图片 <text>1000+</text></view>
|
||
<view class="eval_tag"><image class="eval_tag_img" src="../../static/eval/newest.png" mode="widthFix"></image>最新</view>
|
||
<view class="eval_tag">品质好 <text>10</text></view>
|
||
<view class="eval_tag">肉新鲜 <text>1</text></view>
|
||
<view class="eval_tag">肥瘦均匀 <text>2</text></view>
|
||
</view>
|
||
|
||
<view class="eval_item">
|
||
<view class="eval_item_top">
|
||
<view class="eval_item_l">
|
||
<image class="eval_item_userimg" src="" mode="widthFix"></image>
|
||
<view class="eval_item_username">*林</view>
|
||
<view class="eval_item_userdesc">买过3次</view>
|
||
<view class="eval_item_usertext"><image class="eval_item_usertext_img" src="../../static/eval/praise.png" mode="widthFix"></image>好评</view>
|
||
</view>
|
||
<view class="eval_item_r"></view>
|
||
</view>
|
||
<view class="eval_item_text"><text>强烈推荐，肉质感很新鲜很嫩，强烈推荐，肉质感 很新鲜很嫩</text></view>
|
||
<view class="eval_item_ul">
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
</view>
|
||
<view class="eval_item_bottom">
|
||
<view class="eval_item_time">25/3/8</view>
|
||
<view class="eval_item_numa"><image src="../../static/eval/heart.png" mode="widthFix"></image>67</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="eval_item">
|
||
<view class="eval_item_top">
|
||
<view class="eval_item_l">
|
||
<image class="eval_item_userimg" src="" mode="widthFix"></image>
|
||
<view class="eval_item_username">*林</view>
|
||
<view class="eval_item_userdesc">买过3次</view>
|
||
<view class="eval_item_usertext"><image class="eval_item_usertext_img" src="../../static/eval/praise.png" mode="widthFix"></image>好评</view>
|
||
</view>
|
||
<view class="eval_item_r"></view>
|
||
</view>
|
||
<view class="eval_item_text"><text>强烈推荐，肉质感很新鲜很嫩，强烈推荐，肉质感 很新鲜很嫩</text></view>
|
||
<view class="eval_item_ul">
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
</view>
|
||
<view class="eval_item_bottom">
|
||
<view class="eval_item_time">25/3/8</view>
|
||
<view class="eval_item_numa"><image src="../../static/eval/heart.png" mode="widthFix"></image>67</view>
|
||
</view>
|
||
</view>
|
||
<view class="eval_item">
|
||
<view class="eval_item_top">
|
||
<view class="eval_item_l">
|
||
<image class="eval_item_userimg" src="" mode="widthFix"></image>
|
||
<view class="eval_item_username">*林</view>
|
||
<view class="eval_item_userdesc">买过3次</view>
|
||
<view class="eval_item_usertext"><image class="eval_item_usertext_img" src="../../static/eval/praise.png" mode="widthFix"></image>好评</view>
|
||
</view>
|
||
<view class="eval_item_r"></view>
|
||
</view>
|
||
<view class="eval_item_text">强烈推荐，肉质感很新鲜很嫩，强烈推荐，肉质感 很新鲜很嫩</view>
|
||
<view class="eval_item_ul">
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
<view class="eval_item_li">
|
||
<image src="http://zhkjmall.oss-cn-shanghai.aliyuncs.com/mall-20250211-2cc8b8615d6c4fdeb1ae3b69c384b8f8.jpg" mode="widthFix"></image>
|
||
</view>
|
||
</view>
|
||
<view class="eval_item_bottom">
|
||
<view class="eval_item_time">25/3/8</view>
|
||
<view class="eval_item_numa"><image src="../../static/eval/heart.png" mode="widthFix"></image>67</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view style="height: 200rpx;"></view>
|
||
<!-- 底部 -->
|
||
<view class="footer">
|
||
<view class="footer_cont">
|
||
<view class="footer_l">
|
||
<view class="footer_li">
|
||
<view class="footer_icon">
|
||
<image class="footer_icon_img" src="../../static/shopdetail/collect.png" mode="widthFix"></image>
|
||
</view>
|
||
<view class="footer_name">收藏</view>
|
||
</view>
|
||
<view class="footer_li" @click="goCart()">
|
||
<view class="footer_icon">
|
||
<view class="footer_amount">45</view>
|
||
<image class="footer_icon_img" src="../../static/shopdetail/cart.png" mode="widthFix"></image>
|
||
</view>
|
||
<view class="footer_name">购物车</view>
|
||
</view>
|
||
</view>
|
||
<view class="footer_r">
|
||
<view class="footer_btn border_l">加入购物车</view>
|
||
<view class="footer_btn footer_btn_bcg border_r" @click="orderConfirm">立即下单</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> |