更改页面的内容
This commit is contained in:
29
app/components/example/ExampleIconCard.vue
Normal file
29
app/components/example/ExampleIconCard.vue
Normal file
@@ -0,0 +1,29 @@
|
||||
<script setup>
|
||||
defineProps({
|
||||
title: {
|
||||
type: String,
|
||||
default: 'Default title',
|
||||
},
|
||||
description: {
|
||||
type: String,
|
||||
default: 'Default description',
|
||||
},
|
||||
icon: {
|
||||
type: String,
|
||||
default: 'IconMarkdown',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="p-6 border bg-white dark:bg-black dark:border-gray-700 rounded">
|
||||
<UIcon
|
||||
:name="icon"
|
||||
class="w-20 h-20"
|
||||
/>
|
||||
<h2 class="text-3xl font-semibold mb-2">
|
||||
{{ title }}
|
||||
</h2>
|
||||
<p>{{ description }}</p>
|
||||
</div>
|
||||
</template>
|
Reference in New Issue
Block a user