From 6b8e6918aaf6429959b2c9e63d99eb13ffd34378 Mon Sep 17 00:00:00 2001
From: wangqiao <wangqiao@58hn.cn>
Date: Thu, 28 Aug 2025 22:11:31 +0800
Subject: [PATCH] Update styles and routing in components

---
 components/comment-section/index.vue       | 22 ++++-----
 components/kl-nav-tab/index.vue            |  2 +-
 pages/channel/create/index.vue             |  1 +
 pages/chat-detail/[channelId]-[pageNo].vue | 56 +++++++++++-----------
 pages/down-drawe-detail/[id].vue           | 20 ++++----
 pages/home/components/SideMenu.vue         |  2 +-
 6 files changed, 52 insertions(+), 51 deletions(-)

diff --git a/components/comment-section/index.vue b/components/comment-section/index.vue
index 921999b..8a1be96 100644
--- a/components/comment-section/index.vue
+++ b/components/comment-section/index.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="mt-30px">
-    <div class="h-48px w-938px rounded-1px bg-[#F8F8F8] pl-10px text-16px text-[#333333] font-normal line-height-50px"> 共有{{ result.total || 0 }}条评论 </div>
-    <div v-for="item in result.list" :key="item.id" class="mt-20px border-b-1px border-b-[#eee] border-b-solid pb-14px">
+  <div class="mt-[30px] w-[100%]">
+    <div class="h-[48px] w-[100%] rounded-[1px] bg-[#F8F8F8] pl-[10px] text-[16px] text-[#333333] font-normal line-height-[50px]"> 共有{{ result.total || 0 }}条评论 </div>
+    <div v-for="item in result.list" :key="item.id" class="mt-[20px] border-b-[1px] border-b-[#eee] border-b-solid pb-[14px]">
       <div class="flex items-start">
-        <el-avatar :src="item.creatorInfo.avatar" alt="" srcset="" class="h-50px w-49px rounded-full" />
-        <div class="flex-1 pl-8px">
+        <el-avatar :src="item.creatorInfo.avatar" alt="" srcset="" class="h-[50px] w-[49px] rounded-full" />
+        <div class="flex-1 pl-[8px]">
           <div class="flex items-center justify-between">
-            <div class="relative top-4px text-14px!">{{ item.creatorInfo.nickName }}</div>
-            <div class="text-12px text-[#999999] font-normal">发表时间：{{ dayjs(item.creatorInfo.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
+            <div class="relative top-[4px] text-[14px]!">{{ item.creatorInfo.nickName }}</div>
+            <div class="text-[12px] text-[#999999] font-normal">发表时间：{{ dayjs(item.creatorInfo.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
           </div>
-          <div class="mt-10px box-border rd-4px bg-[#f8f8f8] px-18px py-10px text-14px text-[#999999] font-normal">{{ item.content }}</div>
+          <div class="mt-[10px] box-border rd-[4px] bg-[#f8f8f8] px-[18px] py-[10px] text-[14px] text-[#999999] font-normal">{{ item.content }}</div>
         </div>
       </div>
     </div>
@@ -19,12 +19,12 @@
       :page-size="query.pageSize"
       layout="prev, pager, next"
       :total="result.total"
-      class="mt-10px"
+      class="mt-[10px]"
       @current-change="handleCurrentChange"
     />
-    <el-input v-model="commentContent" type="textarea" :rows="6" placeholder="请输入内容" class="mt-20px w-100%"></el-input>
+    <el-input v-model="commentContent" type="textarea" :rows="6" placeholder="请输入内容" class="mt-[20px] w-[100%]"></el-input>
     <div>
-      <el-button type="primary" class="mt-10px h-40px w-101px rounded-4px text-16px text-[#FFFFFF] font-bold" @click="handleCreateComment">
+      <el-button type="primary" class="mt-[10px] h-[40px] w-[101px] rounded-[4px] text-[16px] text-[#FFFFFF] font-bold" @click="handleCreateComment">
         发表评论
       </el-button>
     </div>
diff --git a/components/kl-nav-tab/index.vue b/components/kl-nav-tab/index.vue
index a81bf9c..e23c2ab 100644
--- a/components/kl-nav-tab/index.vue
+++ b/components/kl-nav-tab/index.vue
@@ -37,7 +37,7 @@
       </div>
       <div class="absolute right-[10px] flex items-center">
         <div class="h-[36px] w-[36px] border-rd-[50%] bg-[#F5F5F5] text-center line-height-[44px]">
-          <img v-if="!isLogin" src="~/assets/images/user.png" alt="" srcset="" class="h-[19px] w-[17px] relative top-[7px] left-[10px]" />
+          <img v-if="!isLogin" src="~/assets/images/user.png" alt="" srcset="" class="h-[19px] w-[17px] relative top-[0px] left-[0px]" />
           <img v-else :src="userStore.userInfoRes.avatar" alt="" srcset="" class="h-[19px] w-[17px] rd-[50%]" />
         </div>
         <span v-if="!isLogin" class="ml-[14px] cursor-pointer text-[14px] text-[#1A65FF] font-normal" @click="handleLogin">立即登录</span>
diff --git a/pages/channel/create/index.vue b/pages/channel/create/index.vue
index 4896ffd..607aa34 100644
--- a/pages/channel/create/index.vue
+++ b/pages/channel/create/index.vue
@@ -199,6 +199,7 @@
           console.log(res)
           if (res.code === 0) {
             ElMessage.success('发表成功')
+            router.back()
             // router.push('/communication/channel')
           }
         })
diff --git a/pages/chat-detail/[channelId]-[pageNo].vue b/pages/chat-detail/[channelId]-[pageNo].vue
index 3d4c865..663b6e0 100644
--- a/pages/chat-detail/[channelId]-[pageNo].vue
+++ b/pages/chat-detail/[channelId]-[pageNo].vue
@@ -1,50 +1,50 @@
 <template>
   <KlNavTab />
-  <div class="ml-auto mr-auto mt-20px w-1440px flex">
-    <div class="left box-border w-1019px border border-[#EEEEEE] rounded-12px border-solid bg-[#FFFFFF] px-42px py-30px">
-      <div class="title text-24px text-[#333333] font-bold">{{ channelDetail?.postsTitle }}</div>
-      <div class="mt-20px flex items-center justify-between border-b-1px border-b-[#eee] border-b-solid pb-14px">
+  <div class="ml-auto mr-auto mt-[20px] w-[1440px] flex">
+    <div class="left box-border w-[100%] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[42px] py-[30px]">
+      <div class="title text-[20px] text-[#333333] font-bold">{{ channelDetail?.postsTitle }}</div>
+      <div class="mt-[20px] flex items-center justify-between border-b-[1px] border-b-[#eee] border-b-solid pb-[14px]">
         <div class="flex items-center">
-          <img :src="channelDetail?.creatorAvatar" alt="" srcset="" class="h-50px w-49px rounded-full" />
-          <div class="ml-10px">
-            <div class="text-16px text-[#333333] font-normal">{{ channelDetail?.creatorName }}</div>
-            <div class="text-12px text-[#999999] font-normal">发表时间：{{ dayjs(channelDetail?.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
+          <img :src="channelDetail?.creatorAvatar" alt="" srcset="" class="h-[50px] w-[49px] rounded-full" />
+          <div class="ml-[10px]">
+            <div class="text-[16px] text-[#333333] font-normal">{{ channelDetail?.creatorName }}</div>
+            <div class="text-[12px] text-[#999999] font-normal">发表时间：{{ dayjs(channelDetail?.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
           </div>
         </div>
-        <div class="mt-19px flex items-center justify-between">
+        <div class="mt-[19px] flex items-center justify-between">
           <div class="flex items-center">
-            <img src="~/assets/images/look.png" alt="" srcset="" class="mr-4px h-17px" />
+            <img src="~/assets/images/look.png" alt="" srcset="" class="mr-[4px] h-[17px]" />
             <span class="text-[#666666]">{{ channelDetail?.likeNum || 0 }}人赞过</span>
-            <div class="ml-16px flex items-center">
-              <img src="~/assets/images/add.png" alt="" class="mr-4px h-23px" />
+            <div class="ml-[16px] flex items-center">
+              <img src="~/assets/images/add.png" alt="" class="mr-[4px] h-[23px]" />
               <span class="text-[#666666]">{{ channelDetail?.commentNum || 0 }}评论</span>
             </div>
           </div>
-          <div class="ml-16px flex items-center">
-            <img src="~/assets/images/chat.png" alt="" srcset="" class="mr-4px h-17px" />
+          <div class="ml-[16px] flex items-center">
+            <img src="~/assets/images/chat.png" alt="" srcset="" class="mr-[4px] h-[17px]" />
             <span class="text-[#666666]">{{ channelDetail?.browseNum || 0 }}人看过</span>
           </div>
         </div>
       </div>
       <div>
-        <img :src="channelDetail?.postsCover" alt="" srcset="" class="h-396px w-auto" />
-        <div class="mt-20px text-14px text-[#333333] font-normal" v-html="channelDetail?.postsContent"></div>
+        <img :src="channelDetail?.postsCover" alt="" srcset="" class="h-[396px] w-auto" />
+        <div class="mt-[20px] text-[14px] text-[#333333] font-normal" v-html="channelDetail?.postsContent"></div>
       </div>
-      <div class="mt-30px">
-        <div class="h-48px w-938px rounded-1px bg-[#F8F8F8] pl-10px text-16px text-[#333333] font-normal line-height-50px"
+      <div class="mt-[30px]">
+        <div class="h-[48px] w-[100%] rounded-[1px] bg-[#F8F8F8] pl-[10px] text-[16px] text-[#333333] font-normal line-height-[50px]"
           >共有{{ commentList?.total || 0 }}条评论</div
         >
-        <div v-for="item in commentList?.list" :key="item.commentId" class="mt-10px border-b-1px border-b-[#eee] border-b-solid pb-14px">
+        <div v-for="item in commentList?.list" :key="item.commentId" class="mt-[10px] border-b-[1px] border-b-[#eee] border-b-solid pb-[14px]">
           <div class="flex items-center justify-between">
             <div class="flex items-center">
-              <img :src="item.creatorAvatar" alt="" srcset="" class="relative top-12px h-50px w-49px rounded-full" />
-              <div class="ml-10px">
+              <img :src="item.creatorAvatar" alt="" srcset="" class="relative top-[12px] h-[50px] w-[49px] rounded-full" />
+              <div class="ml-[10px]">
                 <span>{{ item.creatorName }}</span>
               </div>
             </div>
-            <div class="text-12px text-[#999999] font-normal">发表时间：{{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
+            <div class="text-[12px] text-[#999999] font-normal">发表时间：{{ dayjs(item.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
           </div>
-          <div class="ml-60px mt--10px box-border rd-4px bg-[#F8F8F8] pa-6px px-8px text-14px text-[#999999] font-normal">{{ item.content }}</div>
+          <div class="ml-[60px] mt-[-10px] box-border rd-[4px] bg-[#F8F8F8] pa-[6px] px-[8px] text-[14px] text-[#999999] font-normal">{{ item.content }}</div>
         </div>
         <!-- 添加element-plus分页 -->
         <el-pagination
@@ -52,19 +52,19 @@
           :page-size="query.pageSize"
           layout="prev, pager, next"
           :total="commentList?.total"
-          class="mt-10px"
+          class="mt-[10px]"
           @current-change="handleCurrentChange"
         />
-        <el-input v-model="commentContent" type="textarea" :rows="6" placeholder="请输入内容" class="mt-20px w-100%"></el-input>
+        <el-input v-model="commentContent" type="textarea" :rows="6" placeholder="请输入内容" class="mt-[20px] w-[100%]"></el-input>
       </div>
 
       <div>
-        <el-button type="primary" class="mt-10px h-40px w-101px rounded-4px text-16px text-[#FFFFFF] font-bold" @click="handleCreateComment"
+        <el-button type="primary" class="mt-[10px] h-[40px] w-[101px] rounded-[4px] text-[16px] text-[#FFFFFF] font-bold" @click="handleCreateComment"
           >发表评论</el-button
         >
       </div>
     </div>
-    <div class="right ml-23px w-100%">
+    <!-- <div class="right ml-23px w-100%">
       <div class="mt-20px w-398px border border-[#EEEEEE] border-rd-[10px_10px_0px_0px] border-solid bg-[#FFFFFF]">
         <img src="~/assets/images/sign.png" alt="" srcset="" class="h-206px w-100%" />
         <div class="box-border border border-[#EEEEEE] border-rd-[10px_10px_0px_0px] border-solid border-t-none bg-[#FFFFFF] pa-18px">
@@ -89,7 +89,7 @@
           </div>
         </div>
       </div>
-    </div>
+    </div> -->
   </div>
 </template>
 
diff --git a/pages/down-drawe-detail/[id].vue b/pages/down-drawe-detail/[id].vue
index c59bee1..e6adfa4 100644
--- a/pages/down-drawe-detail/[id].vue
+++ b/pages/down-drawe-detail/[id].vue
@@ -99,22 +99,22 @@
       <CommentSection :relation-id="detail!.id" :project-id="detail!.projectId" />
     </div>
     <div class="ml-[22px]">
-      <div class="box-border h-[269px] w-[397px] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] pa-[22px]">
-        <div class="mb-[8px]">图纸ID: {{ detail?.id }}</div>
-        <div class="mb-[8px]">文件大小：{{ detail?.filesInfo?.fileSize || 0 }} </div>
+      <div class="box-border min-h-[269px] w-[397px] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] pa-[22px]">
+        <div class="mb-[10px]">图纸ID: {{ detail?.id }}</div>
+        <div class="mb-[10px]">文件大小：{{ detail?.filesInfo?.fileSize || 0 }} </div>
         <!-- <div class="mb-10px">图纸版本：{{ detail.editionsName }} </div> -->
-        <div class="mb-[8px]">图纸格式：{{ detail?.formatType?.toString() }}</div>
-        <div class="mb-[8px]">所需金币：{{ detail?.points }}金币</div>
-        <div class="mb-[8px]">发布时间：{{ dayjs(detail?.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
-        <div class="mb-[8px]">图纸参数：{{ detail?.editTypeName }}</div>
-        <div class="mb-[8px]">图纸分类：{{ detail?.projectTypeName }}</div>
-        <div class="mb-[8px]">软件分类：{{ detail?.editionsName }}</div>
+        <div class="mb-[10px]">图纸格式：{{ detail?.formatType?.toString() }}</div>
+        <div class="mb-[10px]">所需金币：{{ detail?.points }}金币</div>
+        <div class="mb-[10px]">发布时间：{{ dayjs(detail?.createTime).format('YYYY-MM-DD HH:mm:ss') }}</div>
+        <div class="mb-[10px]">图纸参数：{{ detail?.editTypeName }}</div>
+        <div class="mb-[10px]">图纸分类：{{ detail?.projectTypeName }}</div>
+        <div class="mb-[10px]">软件分类：{{ detail?.editionsName }}</div>
       </div>
       <div class="mt-[20px] w-[398px] border border-[#EEEEEE] border-rd-[10px_10px_0px_0px] border-solid bg-[#FFFFFF]">
         <img src="~/assets/images/banner.png" alt="" srcset="" class="w-[100%]" />
         <div class="box-border border border-[#EEEEEE] border-rd-[10px_10px_0px_0px] border-solid border-t-none bg-[#FFFFFF] pa-[18px]">
           <div class="flex flex-wrap items-start">
-            <div v-if="userInfo.nickname" class="mt-[10px] text-[18px] text-[#333333] font-bold">{{ userInfo.nickname }}</div>
+            <div v-if="userInfo.nickname" class="text-[18px] text-[#333333] font-bold">{{ userInfo.nickname }}</div>
             <div
               v-for="item in userInfo.labels"
               :key="item"
diff --git a/pages/home/components/SideMenu.vue b/pages/home/components/SideMenu.vue
index a604652..e953ec1 100644
--- a/pages/home/components/SideMenu.vue
+++ b/pages/home/components/SideMenu.vue
@@ -191,7 +191,7 @@ onMounted(() => {
 .menu-item {
   /* position: relative; */
   text-align: center;
-  padding: 4px 24px;
+  padding: 11px 24px;
   cursor: pointer;
   /* transition: all 0.3s ease; */
   color: #333;