Appearance
GlowButton #
发光的按钮 在夜间模式下有非常酷
TIP
项目中的皆为本地使用路径,自己项目使用请根据快速开始中操作使用
基本用法 #
如下
通过color修改颜色属性
<template>
<div class="container">
<AuxGlowButton>BLUE</AuxGlowButton>
<AuxGlowButton color="#e2201b">RED</AuxGlowButton>
<AuxGlowButton color="#21e21b">GREEN</AuxGlowButton>
</div>
</template>
<script lang="ts" setup>
import {GlowButton as AuxGlowButton} from "../../../../../aux-ui/main"
</script>
<style scoped>
.container {
background: #050801;
height: 30vh;
display: flex;
justify-content: center;
align-items: center;
}
</style>
显示代码
GlowButton 参数 #
参数名 | 类型 | 默认值 | 说明 | 跳转 Demo |
---|---|---|---|---|
color | string | #03e9f4 | 支持rgb | 示例 |
GlowButton 插槽 #
插槽名 | 说明 | 跳转 Demo |
---|---|---|
default | 默认文字 | 示例 |