论坛页样式修正

pages/forum/index.page.tsx

@@ -50,7 +50,7 @@ export default function Forum() {
    * @param item 当前点击项
    */
   const openComment = (item: Item) => {
-    item.openComment = true;
+    item.openComment = !item.openComment;
     const temp = [...list];
     setList(temp);
   };
@@ -63,7 +63,7 @@ export default function Forum() {
             发布动态
           </Button>
         </div>
-        <Space direction="vertical" size={8}>
+        <Space direction="vertical" size={8} style={{width: '100%'}}>
           {list.map((item) => {
             return (
               <div key={item.id} className={styles.item}>
@@ -99,10 +99,12 @@ export default function Forum() {
                       </Image.PreviewGroup>
                     </div>
                     <div className={styles.ctrls}>
-                      <div className={styles.ctrlsItem}>
+                      <div
+                        className={styles.ctrlsItem}
+                        onClick={() => openComment(item)}
+                      >
                         <div
                           className={`${styles.ctrlsItemIcon} ${styles.iconComment}`}
-                          onClick={() => openComment(item)}
                         ></div>
                         {item.commentCount}评论
                       </div>