[完成] 徽章组件

This commit is contained in:
就眠仪式
2021-09-27 16:42:13 +08:00
parent a1376e7685
commit 27c7bb511d
11 changed files with 161 additions and 2 deletions

View File

@@ -0,0 +1,34 @@
::: demo
<template>
<lay-badge type="dot"></lay-badge>
<lay-badge type="dot" theme="orange"></lay-badge>
<lay-badge type="dot" theme="green"></lay-badge>
<lay-badge type="dot" theme="cyan"></lay-badge>
<lay-badge type="dot" theme="blue"></lay-badge>
<lay-badge type="dot" theme="black"></lay-badge>
<lay-badge type="dot" theme="gray"></lay-badge>
<lay-badge >赤</lay-badge>
<lay-badge theme="orange">橙</lay-badge>
<lay-badge theme="green">绿</lay-badge>
<lay-badge theme="cyan">青</lay-badge>
<lay-badge theme="blue">蓝</lay-badge>
<lay-badge theme="black">黑</lay-badge>
<lay-badge theme="gray">灰</lay-badge>
<lay-badge type="rim">6</lay-badge>
<lay-badge type="rim">Hot</lay-badge>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::

View File

@@ -0,0 +1,19 @@
::: demo
<template>
<lay-input></lay-input>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::

View File

@@ -0,0 +1,23 @@
::: demo
<template>
<lay-layout>
<lay-header></lay-header>
<lay-side></lay-side>
<lay-body></lay-body>
</lay-layout>
</template>
<script>
import { ref } from 'vue'
export default {
setup() {
return {
}
}
}
</script>
:::