From d357ca671ba055ea941e90ce4683f9acc0b33307 Mon Sep 17 00:00:00 2001
From: shikong <919411476@qq.com>
Date: Tue, 22 Oct 2024 17:04:24 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=84=E5=88=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/tab-view/index.vue             |  4 ++
 src/pages/commodity/commodity.vue             | 16 ++++--
 .../commodity/components/comments/index.vue   | 13 +++--
 .../commodity/components/comments/rate.vue    | 53 +++++++++++++++++++
 .../commodity/components/comments/tags.vue    | 13 +++++
 5 files changed, 92 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/commodity/components/comments/rate.vue
 create mode 100644 src/pages/commodity/components/comments/tags.vue

diff --git a/src/components/tab-view/index.vue b/src/components/tab-view/index.vue
index 5614796..c1b861d 100644
--- a/src/components/tab-view/index.vue
+++ b/src/components/tab-view/index.vue
@@ -33,6 +33,10 @@ function changeCurrent(index){
   ctx.current = index
 }
 
+defineExpose({
+  changeCurrent
+})
+
 function isCurrent(index){
   return ctx.current === index
 }
diff --git a/src/pages/commodity/commodity.vue b/src/pages/commodity/commodity.vue
index b604188..2d8f614 100644
--- a/src/pages/commodity/commodity.vue
+++ b/src/pages/commodity/commodity.vue
@@ -13,7 +13,7 @@
 
 
     <view class="text-center flex flex-col flex-grow min-h-0">
-      <TabView :tabs="ctx.tabs" class="flex-grow min-h-0">
+      <TabView :tabs="ctx.tabs" class="flex-grow min-h-0" ref="tabRef">
         <template #default="{index}" class="h-full">
           <SidebarView :categories="ctx.categories" v-show="index === 0" class="h-full">
             <template #default="{data}">
@@ -40,18 +40,25 @@
 </template>
 
 <script setup>
-import {reactive} from "vue";
-import {onLoad} from "@dcloudio/uni-app";
+import {reactive,ref} from "vue";
+import {onLoad, onReady} from "@dcloudio/uni-app";
 import ShopTitle from "./components/shop-title";
 import TabView from "@/components/tab-view/index.vue";
 import SidebarView from "@/components/sidebar-view";
 import Item from "@/components/tab-view/components/item";
 import Comments from "./components/comments/index.vue";
 
-onLoad((query) => {
+let query = {}
+const tabRef = ref()
+onLoad((q) => {
+  query = q
   console.log(query)
 })
 
+onReady(()=>{
+  tabRef.value.changeCurrent(query?.index || 0)
+})
+
 const ctx = reactive({
   tabs: [
     {
@@ -77,6 +84,7 @@ const ctx = reactive({
       value: "catering"
     }]
 })
+
 </script>
 
 
diff --git a/src/pages/commodity/components/comments/index.vue b/src/pages/commodity/components/comments/index.vue
index d9d9500..fee106b 100644
--- a/src/pages/commodity/components/comments/index.vue
+++ b/src/pages/commodity/components/comments/index.vue
@@ -1,10 +1,17 @@
 <script setup>
-
+import Rate from "./rate.vue";
+import Tags from "./tags.vue";
 </script>
 
 <template>
-  <view class="flex flex-col w-full h-full">
-    评论
+  <view class="flex flex-col w-full h-full bg-[#F4F4F4]">
+    <view class="my-1">
+      <Rate />
+    </view>
+
+    <view class="my-1">
+      <Tags />
+    </view>
   </view>
 </template>
 
diff --git a/src/pages/commodity/components/comments/rate.vue b/src/pages/commodity/components/comments/rate.vue
new file mode 100644
index 0000000..ee87c69
--- /dev/null
+++ b/src/pages/commodity/components/comments/rate.vue
@@ -0,0 +1,53 @@
+<script setup>
+
+</script>
+
+<template>
+  <view class="flex flex-col w-full h-full text-gray-400 text-sm bg-white">
+    <view class="flex text-center py-2">
+      <view class="w-1/4">
+        <view class="text-3xl text-orange-500">
+          4.7
+        </view>
+        <text>
+          商家评分
+        </text>
+      </view>
+
+      <view class="w-1/2 border-r border-r-gray-300 px-2">
+        <view class="flex flex-col justify-between h-full">
+          <view class="flex justify-between">
+            <view class="flex">
+              <text class="mr-5">口味</text>
+              <uni-rate :size="16" :value="4.7"/>
+            </view>
+
+            <text class="text-orange-500">4.7</text>
+          </view>
+
+          <view class="flex justify-between">
+            <view class="flex">
+              <text class="mr-5">包装</text>
+              <uni-rate :size="16" :value="3.6"/>
+            </view>
+
+            <text class="text-orange-500">3.6</text>
+          </view>
+        </view>
+      </view>
+
+      <view class="w-1/4">
+        <view class="text-2xl text-gray-500">
+          4.9
+        </view>
+        <text>
+          配送评分
+        </text>
+      </view>
+    </view>
+  </view>
+</template>
+
+<style scoped>
+
+</style>
diff --git a/src/pages/commodity/components/comments/tags.vue b/src/pages/commodity/components/comments/tags.vue
new file mode 100644
index 0000000..c3ce632
--- /dev/null
+++ b/src/pages/commodity/components/comments/tags.vue
@@ -0,0 +1,13 @@
+<script setup>
+
+</script>
+
+<template>
+  <view class="bg-white w-full">
+
+  </view>
+</template>
+
+<style scoped>
+
+</style>