This commit is contained in:
oneao committed 2025-09-22 17:30:00 +08:00
1 parent a8f3e58a27
commit f8963da889
28 files changed
+863 -208

No files matched your search

+6 -37
View File
@@ -1,48 +1,17 @@
<script setup lang="ts">
import { ref } from 'vue'
const loading = ref(false)
function toggleLoading() {
loading.value = !loading.value
}
</script>
<template>
<div class="main">
<!-- 卡片 -->
<ACard
:loading="loading"
title="标题"
sub-title="副标题"
style="width: 400px;"
hover-shadow
cover="https://tdesign.gtimg.com/site/source/card-demo.png"
>
<template #actions>
actions
</template>
<div>
content
这里是内容
<template #footer>
这里是footer
</template>
</ACard>
<!-- 按钮 -->
<button style="margin-top: 16px;" @click="toggleLoading">
{{ loading ? '关闭 Loading' : '开启 Loading' }}
</button>
<t-descriptions-item label="Name">
TDesign
</t-descriptions-item>
</div>
</template>
<style lang="scss" scoped>
.main {
height: 800px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
</style>