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
ボタンやカード、ポップアップなどで使用できる border を標準化しています。
Border
border のスタイルはいくつかあります。
| Name | Thickness | Demo |
| Solid | 1px | |
| Dashed | 2px |
半径(radius)
いくつかの半径(radius)のスタイルがあります。
影
シャドウスタイルの選択肢はほとんどありません。