Skip to content

vBox 盒子

基础容器组件,可设置背景、边框、阴影等样式。

基础用法

vue
<script setup>
import { vBox } from '@twi1i9ht/visual-lib'
</script>

<template>
  <vBox :padding="20" background="#f5f5f5" :border-radius="8">
    <p>盒子内容</p>
  </vBox>
</template>

Props

属性类型默认值说明
backgroundstring'transparent'背景色
paddingnumber | string0内边距
borderRadiusnumber0圆角
borderstring边框样式
boxShadowstring阴影

Slots

插槽名说明
default默认内容

Released under the MIT License.