fix(loading): 命名改了下防止重复

This commit is contained in:
BTMuli
2023-04-04 17:31:43 +08:00
parent fd352ca41f
commit cd819e0c59

View File

@@ -2,22 +2,22 @@
<div class="loading-div"> <div class="loading-div">
<div class="loading-content"> <div class="loading-content">
<div class="loading-title"> <div class="loading-title">
{{ props.title }} {{ propsLoading.title }}
<v-progress-circular indeterminate color="#f4d8a8" v-show="!props.empty" /> <v-progress-circular indeterminate color="#f4d8a8" v-show="!propsLoading.empty" />
</div> </div>
<div class="loading-subtitle" v-show="props.subtitle">{{ props.subtitle }}</div> <div class="loading-subtitle" v-show="propsLoading.subtitle">{{ propsLoading.subtitle }}</div>
<div class="loading-img" v-if="!props.empty"> <div class="loading-img" v-if="!propsLoading.empty">
<img src="/source/UI/loading.webp" alt="loading" /> <img src="/source/UI/loading.webp" alt="loading" />
</div> </div>
<div class="loading-img" v-else> <div class="loading-img" v-else>
<img src="/source/UI/empty.webp" alt="empty" /> <img src="/source/UI/empty.webp" alt="empty" />
</div> </div>
<div class="loading-text" v-show="props.content">{{ props.content }}</div> <div class="loading-text" v-show="propsLoading.content">{{ propsLoading.content }}</div>
</div> </div>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
const props = defineProps({ const propsLoading = defineProps({
title: { title: {
type: String, type: String,
default: "加载中", default: "加载中",