Merge remote-tracking branch 'origin/feature/v1.2灵机空间-内容上传审核_rxd' into test

src/router/routes/modules/creativeGenerationWorkshop.ts

@@ -118,6 +118,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       locale: '分享链接列表',
       requiresAuth: false,
       requireLogin: false,
+      hideFooter: true,
       roles: ['*'],
     },
     component: () => import('@/views/creative-generation-workshop/explore/list/index.vue'),
@@ -129,6 +130,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
       locale: '分享链接详情',
       requiresAuth: false,
       requireLogin: false,
+      hideFooter: true,
       roles: ['*'],
     },
     component: () => import('@/views/creative-generation-workshop/explore/detail/index.vue'),

src/styles/lib/reset.scss

@@ -9,6 +9,7 @@
 
 html,
 body {
+  height: 100%;
   background: $color-background;
   font-family: $font-family-regular;
   font-size: 14px;

src/views/creative-generation-workshop/explore/detail/components/ai-suggest/index.vue

@@ -175,7 +175,7 @@ export default {
                     }}
                   />
 
-                  <div class="flex flex-col flex-1 overflow-hidden">
+                  <div class="flex flex-col flex-1 ">
                     <div class="flex justify-between">
                       <p class="mb-4px">
                         <span class="cts !color-#211F24 mr-8px">{getCommentName(item)}</span>
@@ -201,7 +201,7 @@ export default {
                         />
                       </div>
                     )}
-                    <p class="cts !color-#211F24">{item.content}</p>
+                    <p class="cts !color-#211F24 break-all">{item.content}</p>
                   </div>
                 </div>
               ))}
@@ -281,7 +281,7 @@ export default {
     };
 
     return () => (
-      <section class="py-16px fixed z-3 right-16px w-440px h-full overflow-hidden">
+      <section class="ai-suggest-wrap py-16px fixed z-3 right-16px w-440px h-full overflow-hidden">
         <div class="ai-suggest-box relative py-24px flex flex-col">
           {!isEmpty(aiReview.value) && (
             <div class="relative w-fit ml-24px mb-16px">

src/views/creative-generation-workshop/explore/detail/components/ai-suggest/style.scss

@@ -1,4 +1,6 @@
-
+.ai-suggest-wrap {
+  top: $navbar-height;
+  height: calc(100% - ($navbar-height + 12px));
   .ai-suggest-box {
     width: 440px;
     height: fit-content;
@@ -116,3 +118,4 @@
       }
     }
   }
+}

src/views/creative-generation-workshop/explore/detail/style.scss

@@ -1,13 +1,27 @@
 .explore-page {
   position: relative;
-  padding-top: $navbar-height;
+  // padding-top: $navbar-height;
   min-width: 1200px;
   height: 100vh;
   background: #fff;
   display: flex;
   flex-direction: column;
-  .page-header {
+  .fold-box {
+    width: 40px;
+    height: 40px;
+    border-radius: 30px;
+    border: 1px solid var(--Border-1, #d7d7d9);
+    background: #fff;
+    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
     position: fixed;
+    right: 16px;
+    top: calc($navbar-height + 32px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+  .page-header {
+    position: sticky;
     left: 0;
     right: 0;
     top: 0;
@@ -31,6 +45,7 @@
   }
 
   .page-wrap {
+    width: calc(100% - 456px);
     flex: 1;
     display: flex;
     justify-content: center;
@@ -47,20 +62,7 @@
         line-height: 40px; /* 142.857% */
       }
     }
-    .fold-box {
-      width: 40px;
-      height: 40px;
-      border-radius: 30px;
-      border: 1px solid var(--Border-1, #d7d7d9);
-      background: #fff;
-      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
-      position: absolute;
-      right: 16px;
-      top: 32px;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
+
     .main-video-box {
       width: 320px;
       height: 472px;