diff --git a/src/assets/icons/CHelpFlip.svg b/src/assets/icons/CHelpFlip.svg new file mode 100644 index 00000000..0da6d330 --- /dev/null +++ b/src/assets/icons/CHelpFlip.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/component/home/tools/poseTransfer/Sender.vue b/src/component/home/tools/poseTransfer/Sender.vue index 4abb28ca..6399e7e6 100644 --- a/src/component/home/tools/poseTransfer/Sender.vue +++ b/src/component/home/tools/poseTransfer/Sender.vue @@ -65,4 +65,14 @@ defineExpose({ getContext }) - + diff --git a/src/component/home/tools/poseTransfer/index.vue b/src/component/home/tools/poseTransfer/index.vue index 5550f88f..bdae0cb5 100644 --- a/src/component/home/tools/poseTransfer/index.vue +++ b/src/component/home/tools/poseTransfer/index.vue @@ -23,10 +23,13 @@
{{ $t('poseTransfer.SelectDesign') }}
-
@@ -169,8 +172,15 @@
- {{ $t('ProductImg.Prompt') }} - {{ $t('ProductImg.Prompt') }} + +
-
@@ -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; +} diff --git a/src/component/home/tools/poseTransfer/promptInput.vue b/src/component/home/tools/poseTransfer/promptInput.vue index ddec0425..56c75528 100644 --- a/src/component/home/tools/poseTransfer/promptInput.vue +++ b/src/component/home/tools/poseTransfer/promptInput.vue @@ -87,7 +87,7 @@ defineExpose({ position: relative; border-radius: 10px; border: 2px solid #dcdfe6; - padding: 1.5rem 1.5rem 3rem; + padding: 1.5rem; font-size: 1.8rem; .sender-wrapper { min-height: 12rem; @@ -101,7 +101,7 @@ defineExpose({ position: relative; border-radius: 10px; border: 2px solid #dcdfe6; - padding: 1.5rem 1.5rem 3rem; + padding: 1.5rem; height: auto; font-size: 1.8rem; .area { @@ -126,10 +126,11 @@ defineExpose({ padding: 0 0.6rem; font-size: 1rem; font-weight: 400; + width: fit-content; color: #313131; - position: absolute; - bottom: 1.3rem; - left: 1.3rem; + // position: absolute; + // bottom: 1.3rem; + // left: 1.3rem; display: flex; column-gap: 0.3rem; justify-content: center; diff --git a/src/component/home/tools/toProduct/Prompt.vue b/src/component/home/tools/toProduct/Prompt.vue index 3affbeb6..0c35472d 100644 --- a/src/component/home/tools/toProduct/Prompt.vue +++ b/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; // }