+
+
+
+
+ {{ $t('ProductImg.PromptAssit') }}
+
+
+
@@ -387,6 +457,9 @@ defineExpose({
white-space: pre-wrap;
user-select: text;
cursor: text;
+ position: relative;
+ padding-bottom: 4rem;
+
.text-field {
display: inline;
@@ -399,8 +472,8 @@ defineExpose({
.input-field {
display: inline-block;
- background: #e3f2fd;
- border: 1px solid #bbdefb;
+ // background: #e3f2fd;
+ // border: 1px solid #bbdefb;
margin: 0 .2rem;
padding: .2rem 1rem;
font-size: 1.8rem;
@@ -408,15 +481,62 @@ defineExpose({
.input-content {
outline: none;
- color: #1976d2;
display: inline-block;
min-width: 2rem;
&.has-placeholder {
- color: #95a5a6;
- font-style: italic;
+ color: #b9b9b9;
+ // font-style: italic;
}
}
}
}
+
+.textarea-container{
+ position: relative;
+ border-radius: 10px;
+ border: 2px solid #dcdfe6;
+ padding: 1.5rem 1.5rem 3rem;
+ height: auto;
+ .area{
+ width: 100%;
+ min-height: 12rem;
+ height: auto;
+ background: white;
+ line-height: 1.6;
+ outline: none;
+ white-space: pre-wrap;
+ user-select: text;
+ cursor: text;
+ position: relative;
+ // padding-bottom: 4rem;
+ resize: none;
+ border: none;
+ }
+}
+
+.asistant-btn {
+ height: 2.3rem;
+ padding: 0 0.6rem;
+ font-size: 1rem;
+ font-weight: 400;
+ color: #313131;
+ position: absolute;
+ bottom: 1.3rem;
+ left: 1.3rem;
+ display: flex;
+ column-gap: 0.3rem;
+ justify-content: center;
+ align-items: center;
+ background-color: #f2f2f2;
+ border: 1px solid #dfdfdf;
+ border-radius: 0.5rem;
+ cursor: pointer;
+ .asistant-icon {
+ font-size: 1rem;
+ margin-right: 0;
+ width: initial;
+ // margin-top: -0.2rem;
+ }
+}
\ No newline at end of file
diff --git a/src/lang/cn.ts b/src/lang/cn.ts
index 53aea1b5..f574f91f 100644
--- a/src/lang/cn.ts
+++ b/src/lang/cn.ts
@@ -311,8 +311,29 @@ export default {
'专业产品摄影:服装以自然形态展示,无模特。采用影棚灯光。保留精确细节——图案、色彩、质感、装饰元素。', // 上传线稿,不带模特
VideoType: '视频类型',
FirstFrame: '首帧',
+ LastFrame:'尾帧',
FirstAndLastFrames: '首帧和尾帧',
- FirstFrameAndSkeleton: '首帧和骨架'
+ FirstFrameAndSkeleton: '首帧和骨架',
+ Tips: '提示',
+ TipsStart: '你可以使用"',
+ TipsEnd: '编辑产品图"来生成首帧或尾帧图片',
+ PormptPlaceholder:'输入你想描述的场景...',
+ firstAndLastFrameText1: '随着视频的进行,使用',
+ firstAndLastFramePlaceholder1: '[相机运动]',
+ firstAndLastFrameText2: '来跟随动作,在',
+ firstAndLastFramePlaceholder2: '[光线]',
+ firstAndLastFrameText3: '下,保持模型身份、风格和服装在所有帧中的完全一致性。',
+ firstFrameText1: '场景设置为',
+ firstFramePlaceholder1: '[场景]',
+ firstFrameText2: ',模特做',
+ firstFramePlaceholder2: '[拍摄动作]',
+ firstFrameText3: ',使用',
+ firstFramePlaceholder3: '[相机运动]',
+ firstFrameText4: '结合',
+ firstFramePlaceholder4: '[相机运动]',
+ firstFrameText5: ',在',
+ firstFramePlaceholder5: '[光线]',
+ firstFrameText6: '下,完善整体视觉效果。'
},
LibraryPage: {
library: '收藏',
diff --git a/src/lang/en.ts b/src/lang/en.ts
index 3fc1b348..bda82e84 100644
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -321,8 +321,29 @@ export default {
'Professional product photo: garment displayed with natural shape, no model. Studio lighting. Preserve exact details - patterns, colors, textures, embellishments.', // 上传线稿,不带模特
VideoType: 'Video Type',
FirstFrame: 'First frame',
+ LastFrame: 'Last frame',
FirstAndLastFrames: 'First and last frames',
FirstFrameAndSkeleton: 'First frame and skeleton',
+ Tips: 'Tips',
+ TipsStart: 'User can use ‘ ',
+ TipsEnd: 'Edit Product Image ’ to generate first or last frames.',
+ PormptPlaceholder: 'Enter the scene you want to describe...',
+ firstAndLastFrameText1: 'As the video progresses, use',
+ firstAndLastFramePlaceholder1: '[Camera Movement]',
+ firstAndLastFrameText2: 'to follow the motion, under',
+ firstAndLastFramePlaceholder2: '[Light]',
+ firstAndLastFrameText3: ', maintaining full consistency of model identity, styling, and outfit across all frames.',
+ firstFrameText1: 'Set the',
+ firstFramePlaceholder1: '[Scene]',
+ firstFrameText2: ', where the model',
+ firstFramePlaceholder2: '[Motion]',
+ firstFrameText3: 'use a',
+ firstFramePlaceholder3: '[Camera Movement]',
+ firstFrameText4: 'combined with a',
+ firstFramePlaceholder4: '[Camera Movement]',
+ firstFrameText5: ', under',
+ firstFramePlaceholder5: '[Light]',
+ firstFrameText6: ', complementing the look.'
},
LibraryPage: {
library: 'Library',
diff --git a/src/store/homeStore/homeStore.ts b/src/store/homeStore/homeStore.ts
index e855cf3f..bd99a880 100644
--- a/src/store/homeStore/homeStore.ts
+++ b/src/store/homeStore/homeStore.ts
@@ -73,18 +73,14 @@ const HomeStoreModule : Module
= {
state.showSketchList = data
},
setPoseTransferLastFrameList(state,data){
- console.log('设置尾帧store-------------')
// 支持两种方式:set 替换整个列表;add/删除与 uploadElement 一致
if(data.str === 'set'){
- state.poseTransfer.lastFrameList = data.list || []
+ state.lastFrameList = data.list || []
return
- }
- if(data.str === 'add'){
- state.poseTransfer.lastFrameList.unshift(...(data.list || []))
}else{
- state.poseTransfer.lastFrameList.splice(data.index,1)
+ state.lastFrameList = []
}
- },
+ },
setDesignCollectionList(state,data){
state.designCollectionList = data
},