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

src/assets/icons/CHelpFlip.svg

@@ -0,0 +1,9 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="20" height="20" fill="url(#pattern0_2040_2152)"/>
+<defs>
+<pattern id="pattern0_2040_2152" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_2040_2152" transform="scale(0.015625)"/>
+</pattern>
+<image id="image0_2040_2152" width="64" height="64" preserveAspectRatio="none" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAAAHYAAAB2AH6XKZyAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAABVhJREFUeJztm11sFUUUx3/XoFSQ0goJivjZKKmASPUqRsTvqjEqNaKRaOKT0ahRY4I+qFEBDT6oiS/65osPNn5ECdCgEGpoxSKJYv2oiLYRio1KsFYC1N7rw7m32Xtmdm93dvYS4/6TSZgy/Z//zO6ec+bMFDJkyJAhw/8XuRrZaQIuAy4CzgXOAmYAk0v/P1xq+4BdQC/QBfxUI32poBlYC3wPFB3bt8DLwPk11p4INwGf4j5pWysAHwM313AesZEHPsPvxG1tE/J2eYEPH1CHvOoPA8eFjCkAXwKdwHZgP/B7qf0D1AMNwFxgAbAYWAqcEMI3CrwKPAMc9TAHZ5yDOK2o13YF0OjAPQ24C9gawl8EtgGnJJlAErQgT9Im7H1goUdbC4GOEFt7gUs82poQrkfClhazG7g2RbvLgJ8tdoep4SLkgUMWEW8jr23aaADWW+z/gfiPVDEHGLQYX0PtkioQZ7vGomM/cFpaRuuAncpgAfH+xwrPYi7CZsKjUSKsshhblYahmFiLqWulbyPNwBFl5F1q+9qHIQdsoFLbETwmS2DG4l9wc3jTgfuBjUA/cADoA9qBewhPfKphFjCkNL7nyGXgasxXrM2B507gTwtXsA0gIdYFbYqrgKfQ+JEiXufAsZLoiQfbGHCfo9ZtimuDI884zisJCpIujslxJZLvx9nwHEVqB3GxBHMxT3fgGcdqRdjtwNGjOEaQTcwFSMxeAryJTDo4bouj5m7F86QjDyA7uCDZipi/vwjziVwVMrYN+W6D4+fEVgwPKI5eBw4oGQ8KGkXS0Dh4SIlprzJ+hxp/S0x7ACcDhxXP7LDBURlTK5Vxvgs4GFNMJxKTQfzAa1XGD6p+XUx7IKG1R/3s0rDBUQug63CbHcT0IsXQp5BvPcqHzMT8PPodbIIUXYIIXYAo6PC33FHMRDAVM9kaBCY58t2huDpcSHQ112eBI4hp2IuoTyTg1M53pwvJAUXiUtaqhgbgc8zJd+L+9AHOUHz9LiQHFclJCQTZcDxSM9ST/wLx5EkwVXH+5UKiS15TEorSeBpz8tuRDVNSTFG8Iy4kegHqPQgrYxbyVIL8O4ifZ4ThVMW9L2xgVBjUMfnM5LrGsZzKT2oQuIH4eUYY9CcUyhu1APpgsslZjokW1X8dcbq+oIshA2EDoxZgj+rPdZZjQn9OP3jkBpiv+l+HDYxagG9U32e9/8fAv4vIeYJPLFV9pw3R2VQ6ksP4C4WNwDvAd8BjnjjLmI65tXb2X32K6HYPAtPGvVRq/ipqcLX6+UbVf8RdlxWTqw+JjQdV36WEN44FmEUK7cFd0IS8XWPAW/grr+cxCzCJo9cmRfphUkLgDcV5uQdOgE8U73ofpDcq0iJwW0LO4GlOAT+Hmrdi6rzOAy85zO3qAMlOgoNR4PGkApEbZ3up1Ji4JB7EPMzQ8gEpHULGRA65kBHUNkoKN8tewnzFVvs24gDbMfnzaRg6EbPGXyBZ5SYpHsWcfDfJiimRmI1sLbXRF6ntSXEOeMGiYwi5hZoq8sDfFuPtJK/kTAT1yHUcbX8Yt+M0J1yBWTIrIp64NUW7rcg2XdsdId3LWVZcCPxqEVNEUuiLPdpahCRgNltDHINrcmU0Ya/qlh1kB3LxwSVnqAfuRrI7nY6X2y78FmqcMAkJO6PYRRaRa3XrgOeQ875mpG5Xh2yIZiDZ4DLkdngP0UfqY8AruB2dpYY8cqQdJtpX68LPhiw1XIN5U8NH60T2Jf8ZzEcyxT24T7qPlP9golbJyzwkKrQg0WMmsiFqLGk4BPyGHGHtRnxAN5W1wwwZMmTIkMEz/gUzEqIONKOEMwAAAABJRU5ErkJggg=="/>
+</defs>
+</svg>

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;
       // }