50
50
</div >
51
51
</el-space >
52
52
</div >
53
- <div class =" image-size" >
54
- <div >
55
- <el-text tag =" b" >尺寸</el-text >
56
- </div >
57
- <el-space wrap class =" size-list" >
58
- <div class =" size-item"
59
- v-for =" imageSize in imageSizeList"
60
- :key =" imageSize.key"
61
- @click =" handlerSizeClick(imageSize)" >
62
- <div :class =" selectImageSize === imageSize ? 'size-wrapper selectImageSize' : 'size-wrapper'" >
63
- <div :style =" imageSize.style" ></div >
64
- </div >
65
- <div class =" size-font" >{{ imageSize.key }}</div >
66
- </div >
67
- </el-space >
68
- </div >
69
53
<div class =" btns" >
70
54
<!-- <el-button size="large" round>重置内容</el-button>-->
71
55
<el-button type =" primary" size =" large" round @click =" handlerGenerateImage" >生成内容</el-button >
@@ -109,30 +93,6 @@ const models = ref<ImageModelVO[]>([
109
93
},
110
94
]) // 模型
111
95
112
- const selectImageSize = ref <ImageSizeVO >({} as ImageSizeVO ) // 选中 size
113
- const imageSizeList = ref <ImageSizeVO []>([
114
- {
115
- key: ' 1:1' ,
116
- style: ' width: 30px; height: 30px;background-color: #dcdcdc;' ,
117
- },
118
- {
119
- key: ' 3:4' ,
120
- style: ' width: 30px; height: 40px;background-color: #dcdcdc;' ,
121
- },
122
- {
123
- key: ' 4:3' ,
124
- style: ' width: 40px; height: 30px;background-color: #dcdcdc;' ,
125
- },
126
- {
127
- key: ' 9:16' ,
128
- style: ' width: 30px; height: 50px;background-color: #dcdcdc;' ,
129
- },
130
- {
131
- key: ' 16:9' ,
132
- style: ' width: 50px; height: 30px;background-color: #dcdcdc;' ,
133
- },
134
- ]) // size
135
-
136
96
// 定义 Props
137
97
const props = defineProps ({})
138
98
@@ -147,6 +107,8 @@ const handlerHotWordClick = async (hotWord: string) => {
147
107
}
148
108
// 选中
149
109
selectHotWord .value = hotWord
110
+ // 设置提示次
111
+ prompt .value = hotWord
150
112
}
151
113
152
114
/**
0 commit comments