Radius 圆角

css 圆角工具，可以在标签中方便快速的设置圆角样式。

基本使用

使用c-radius-{大小}或c-radius-{大小}-{方向}

<view class="c-radius-base c-bg-primary" style="height:30px"></view>

配置

默认圆角sm,base,lg，也可以通过修改$shadow-colors来修改默认配置和扩展圆角。

圆形使用c-radius-round。

// uni.scss
$radius:(
    // 默认圆角
    'sm': 6rpx,
    // 自定义圆角
    'customXs': 4rpx,
);

方向

圆角方向值有t 左上右上,r 右上右下,b 左下右下,l 左上左下,tl 左上,tr 右上,bl 左下,br 右下。

<view class="c-radius-base-tl"></view>