|
@@ -46,6 +46,7 @@
|
|
fit="contain"
|
|
fit="contain"
|
|
@click="handlerModelClick(model)"
|
|
@click="handlerModelClick(model)"
|
|
/>
|
|
/>
|
|
|
|
+ <div class="model-font">{{model.name}}</div>
|
|
</div>
|
|
</div>
|
|
</el-space>
|
|
</el-space>
|
|
</div>
|
|
</div>
|
|
@@ -198,13 +199,20 @@ const handlerGenerateImage = async () => {
|
|
margin-top: 15px;
|
|
margin-top: 15px;
|
|
|
|
|
|
.modal-item {
|
|
.modal-item {
|
|
- width: 90px;
|
|
|
|
- height: 50px;
|
|
|
|
|
|
+ width: 110px;
|
|
//outline: 1px solid blue;
|
|
//outline: 1px solid blue;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
display: flex;
|
|
display: flex;
|
|
|
|
+ flex-direction: column;
|
|
|
|
+ align-items: center;
|
|
border: 3px solid transparent;
|
|
border: 3px solid transparent;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
+
|
|
|
|
+ .model-font {
|
|
|
|
+ font-size: 14px;
|
|
|
|
+ color: #3e3e3e;
|
|
|
|
+ font-weight: bold;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
.selectModel {
|
|
.selectModel {
|