style:promptInput字体&转视频问号图标&转产品图弹窗文字居中

src/component/home/tools/poseTransfer/Sender.vue

@@ -65,4 +65,10 @@ defineExpose({
   getContext
 })
 </script>
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+#sender {
+  :deep(.chat-scroll) {
+    font-size: 1.4rem;
+  }
+}
+</style>

src/component/home/tools/poseTransfer/index.vue

@@ -23,10 +23,13 @@
           <div class="selectImg">
             <div class="head">
               <div class="text">{{ $t('poseTransfer.SelectDesign') }}</div>
-              <i
+              <SvgIcon
+                class="cursor-icon"
                 v-show="videoType !== 2"
-                class="fi fi-rs-interrogation tips-icon"
                 @click="showTips = true"
+                name="CHelpFlip"
+                size="18"
+                color="#000"
               />
             </div>
             <div class="imgBox" v-mousewheel>
@@ -169,8 +172,15 @@
           </div>
           <div class="prompt-input-container" v-show="!showMotion">
             <div class="title" style="display: flex; gap: 0.5rem">
-              {{ $t('ProductImg.Prompt') }}
-              <a
+              <span>{{ $t('ProductImg.Prompt') }}</span>
+              <SvgIcon
+                class="cursor-icon"
+                @click="handleNavigateHelp"
+                name="CHelpFlip"
+                size="18"
+                color="#000"
+              />
+              <!-- <a
                 :href="
                   locale == 'CHINESE_SIMPLIFIED'
                     ? 'https://aida-user-manual-chinese.super.site/2b08f755cedd80a985cffdf2af80c538'
@@ -182,12 +192,8 @@
                   class="fi fi-rs-interrogation tips-icon"
                   style="font-size: 1.8rem; color: #000"
                 />
-              </a>
+              </a> -->
             </div>
-            <!-- <div class="title">
-              <span>{{ $t('ProductImg.Prompt') }}</span>
-              <i class="fi fi-rs-interrogation tips-icon" />
-            </div> -->
             <promptInput :content="inputPrompt" ref="promptInput" />
           </div>
           <div class="poses" v-show="showMotion">
@@ -341,7 +347,7 @@ export default defineComponent({
     generalDrag,
     promptInput,
     Tips,
-    Product,
+    Product
   },
   props: {
     isDesignPage: {
@@ -1245,6 +1251,14 @@ export default defineComponent({
       { immediate: true }
     )
 
+    const handleNavigateHelp = () => {
+      const url =
+        locale === 'CHINESE_SIMPLIFIED'
+          ? 'https://aida-user-manual-chinese.super.site/2b08f755cedd80a985cffdf2af80c538'
+          : 'https://aida-user-manual.super.site/advanced-tool/animated-product-image/to-product-video-prompt-assist '
+      window.open(url,'_blank')
+    }
+
     onBeforeUnmount(() => {
       clearInterval(data.generateTime)
       data.isGenerate = false
@@ -1288,7 +1302,8 @@ export default defineComponent({
       productFrameList,
       showFirstFrameUpload,
       showLastFrameUpload,
-      inputPrompt
+      inputPrompt,
+      handleNavigateHelp
     }
   },
   directives: {
@@ -1677,4 +1692,9 @@ export default defineComponent({
     }
   }
 }
+
+.cursor-icon {
+  cursor: pointer;
+  width: initial;
+}
 </style>

src/component/home/tools/toProduct/Prompt.vue

@@ -389,6 +389,9 @@ const handleCopy = async (value: string) => {
       border-radius: 0.8rem;
       overflow-y: auto;
       position: relative;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       // &:first-child{
       //   width: 53.6rem;
       // }