商品评价

src/views/mall/components/details.vue

@@ -60,6 +60,7 @@
           </v-tabs>
         </div>
         <describe v-if="describeTab === 0 && state.goodsInfo?.description" :content="state.goodsInfo.description"></describe>
+        <comment v-if="describeTab === 0 && state.goodsId" class="detail-comment-selector" :goodsId="state.goodsId" />
       </div>
     </v-card>
   </div>
@@ -70,6 +71,7 @@ defineOptions({name: 'goods-details'})
 import { getProductDetail } from '@/api/mall'
 import selectSku from './detailsComponents/s-select-sku.vue'
 import describe from './detailsComponents/describe.vue'
+import comment from './detailsComponents/comment.vue'
 import { ref, reactive } from 'vue'
 import { useRouter } from 'vue-router'
 import Snackbar from '@/plugins/snackbar'

src/views/mall/components/detailsComponents/comment.vue

@@ -0,0 +1,17 @@
+<!--  -->
+<template>
+  <div>商品评价</div>
+</template>
+
+<script setup>
+defineOptions({name: 'goods-details-comment'})
+const props = defineProps({
+  goodsId: {
+    type: String,
+    default: '',
+  },
+});
+console.log('content:', props.goodsId)
+</script>
+<style lang="scss" scoped>
+</style>