Skip to content

Border 边框

TIP

黑色主题下会看的更清楚哦 😜

1px 边框

基于伪类 transform 实现

示例

html
<view class="border">1</view>
<view class="border-top">2</view>
<view class="border-bottom">3</view>
<view class="border-left">4</view>
<view class="border-right">5</view>
<view class="border-top-bottom">6</view>
1
2
3
4
5
6

圆角

格式:rounded-${x}, 范围:3-35

示例

html
<view class="rounded-3"></view>
<view class="rounded-10"></view>
<view class="rounded-20"></view>