适配深色模式、生成动画的文件chatloading改为generateLoading
This commit is contained in:
@@ -4,19 +4,23 @@
|
||||
<img src="@/assets/images/chat_loading.png" alt="Loading" class="loading-image" />
|
||||
<!-- 阴影效果 -->
|
||||
<div class="loading-shadow"></div>
|
||||
<div class="loading-text">Analyzing the Outfit...</div>
|
||||
<div class="loading-text">{{ title }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
// 这个组件只负责显示loading动画
|
||||
interface LoadingProps {
|
||||
// 可以在这里定义props类型
|
||||
}
|
||||
|
||||
// 定义组件props类型
|
||||
const props = defineProps<LoadingProps>()
|
||||
const props = defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: 'Analyzing the Outfit...'
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
import NoticeItem from './NoticeItem.vue'
|
||||
import ChatLoading from './ChatLoading.vue'
|
||||
import GenerateLoading from './GenerateLoading.vue'
|
||||
import { ref, onMounted, onUnmounted, watch, nextTick } from 'vue'
|
||||
|
||||
// 定义消息类型
|
||||
|
||||
Reference in New Issue
Block a user