mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
1.5 KiB
1.5 KiB
<script>
import RadiusBox from "../../components/demo/border/radius-box.vue";
import ShadowBox from "../../components/demo/border/shadow-box.vue";
const radiusGroup = [
{
name: 'No Radius',
type: ''
},
{
name: 'Small Radius',
type: 'small'
},
{
name: 'Large Radius',
type: 'base'
},
{
name: 'Round Radius',
type: 'round'
},
]
const shadowGroup = [
{
name: 'Basic Shadow',
type: 'base'
},
{
name: 'Light Shadow',
type: 'light'
}
]
export default {
components: {
RadiusBox,
ShadowBox
},
data() {
return {
radiusGroup,
shadowGroup,
}
}
}
</script>
Border
Estandarizamos los bordes que se pueden utilizar en botones, tarjetas, pop-ups y otros componentes.
Border
Hay pocos estilos de borde para elegir.
| Name | Thickness | Demo |
| Solid | 1px | |
| Dashed | 2px |
Radius
Hay pocos estilos de radio para elegir.
Shadow
Hay pocos estilos de sombra para elegir.