Update styles and routing in components

pages/channel/create/index.vue

@@ -199,6 +199,7 @@
           console.log(res)
           if (res.code === 0) {
             ElMessage.success('发表成功')
+            router.back()
             // router.push('/communication/channel')
           }
         })

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>
 

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"

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;