mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
1.6 KiB
1.6 KiB
<script>
import RadiusBox from "../../components/demo/border/radius-box.vue";
import ShadowBox from "../../components/demo/border/shadow-box.vue";
const radiusGroup = [
{
name: 'Pas de radius',
type: ''
},
{
name: 'Petit radius',
type: 'small'
},
{
name: 'Grand radius',
type: 'base'
},
{
name: 'Radius rond',
type: 'round'
},
]
const shadowGroup = [
{
name: 'Ombre de base',
type: 'base'
},
{
name: 'Ombre légère',
type: 'light'
}
]
export default {
components: {
RadiusBox,
ShadowBox
},
data() {
return {
radiusGroup,
shadowGroup,
}
}
}
</script>
Bordure
Nous normalisons l'apparence des bordures qui peuvent être utilisées pour les boutons, les cartes, les pop-ups et d'autres composants.
Bordure
Il y a plusieurs styles de bordure que vous pouvez choisir.
| Nom | Épaisseur | Demo |
| Solid | 1px | |
| Dashed | 2px |
Radius
Il y a plusieurs styles de radius que vous pouvez choisir.
Ombres
Il y a plusieurs styles d'ombres que vous pouvez choisir.