aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix

Browse Source
This commit is contained in:
X1627315083
2024-04-25 17:16:34 +08:00
parent 2c08adbfbe
commit 9562ae4225
4 changed files with 47 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/HomeView/library.vue
View File

@@ -213,12 +213,14 @@
@keydown.enter="getgenerate" :readonly="checkbox[0].type && selectCode != 'Moodboard'"
:placeholder="$t('LibraryPage.inputContent2')"
v-model="captionGeneration">
<div class="generage_btn started_btn" @click.stop="getgenerate">
<!-- <div v-show="!isGenerate">{{ $t('LibraryPage.Generate') }}</div> -->
<div v-show="!isGenerate" class="generage_btn started_btn" @click.stop="getgenerate">
{{ $t('LibraryPage.Generate') }}
<!-- <div v-show="isGenerate"><a-spin size="large" /></div> -->
</div>
<div v-show="isGenerate" class="generage_btn started_btn" @click.stop="getgenerate">
<i class="fi fi-br-loading"></i>
<!-- <div v-show="isGenerate"><a-spin size="large" /></div> -->
</div>
<span ref="inputShowText"></span>
</div>
</div>
@@ -1644,9 +1646,24 @@ export default defineComponent({
cursor: no-drop;
}
}
.fi-br-loading{
animation: whirl 1s infinite linear;
.started_btn{
}
.fi-br-loading::before{
transition: all .5s;
display: inline-block;
animation: whirl 1s linear infinite;
}
@keyframes whirl {
0%{
transform: rotate(0deg);
}
50%{
transform: rotate(180deg);
}
100%{
transform: rotate(360deg);
}
}
.generage_btn{
margin: 0 3rem;