✨ feat(评论模块): 弹出展示效果调整

@@ -3,7 +3,7 @@
     v-model:show="show"
     v-model:show="show"
     :close-on-click-overlay="false"
     :close-on-click-overlay="false"
     position="bottom"
     position="bottom"
-    :style="{ height: '100%' }"
+    :style="{ height: '40%' }"
   >
   >
     <div class="van-hairline--bottom">
     <div class="van-hairline--bottom">
       <van-row>
       <van-row>

@@ -52,7 +52,7 @@
           <p>是妮妮吖～</p>
           <p>是妮妮吖～</p>
           <p>杨浦民办科技幼稚园</p>
           <p>杨浦民办科技幼稚园</p>
         </van-col>
         </van-col>
-        <van-col span="4" style="text-align: center;">
+        <van-col span="4" style="text-align: center;" @click="setComment('222', 'reply')">
           <p style="color: #333333;">回复</p>
           <p style="color: #333333;">回复</p>
           <p>2-25</p>
           <p>2-25</p>
         </van-col>
         </van-col>
@@ -63,10 +63,15 @@
         </van-col>
         </van-col>
       </van-row>
       </van-row>
     </div>
     </div>
+    <comment-box :showPopup="showCommentBoxPopup" :type="commentType" @on-close="closeCommentBox"></comment-box>
   </van-popup>
   </van-popup>
+
+
 </template>
 </template>
 
 
 <script setup>
 <script setup>
+import CommentBox from '@/components/CommentBox/index.vue'
+
 import icon_x from '@images/x.png'
 import icon_x from '@images/x.png'
 import icon_y from '@images/y.png'
 import icon_y from '@images/y.png'
 
 
@@ -75,6 +80,23 @@ import { ref, reactive, onMounted } from 'vue'
 //   showPopup: Boolean
 //   showPopup: Boolean
 // })
 // })
 
 
+// 回复评论控件
+const showCommentBoxPopup = ref(false);
+const commentType = ref('comment'); // 类型 comment 为评论/类型 reply 为回复
+const flag = true; // 后台接口判断是否上传过作品
+// 实际调试时，点击回复需要判断是否上传过作品
+const setComment = (v, type) => { // 回复/评论
+  if (flag) {
+    showCommentBoxPopup.value = true;
+    commentType.value = type;
+  } else {
+    showNotice.value = true;
+  }
+}
+const closeCommentBox = (v) => { // 查看更多回复
+  showCommentBoxPopup.value = v;
+}
+
   onMounted(() => {
   onMounted(() => {
   })
   })
 </script>
 </script>

@@ -114,7 +114,7 @@ export default {
   }
   }
   .organizer {
   .organizer {
     margin: 1rem; 
     margin: 1rem; 
-    overflow: auto;
+    overflow: hidden;
     .wrapper {
     .wrapper {
       float: right;
       float: right;
       font-size: 0.8rem; 
       font-size: 0.8rem;