unocss添加border规则

最新推荐文章于 2024-10-04 21:00:38 发布

HarleyVaechy

最新推荐文章于 2024-10-04 21:00:38 发布

阅读量141

点赞数 3

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/qq_42868072/article/details/142072234

版权

 // 边框样式简写 bd-r-1-red => border:1rpx solid color
  /^(bd)(-[trbl])?(-\dr*p*x*)*(-.+)$/,
  ([, c, d, e, f]) => `border${d || ''}${e || '-1rpx'} border${f} border${d || ''}-solid`,

使用

bd-t-1-red => border-top:1rpx solid color
bd-r-1-red => border-right:1rpx solid color
bd-b-1-red => border-bottom:1rpx solid color
bd-l-1-red => border-left:1rpx solid color
bd-red => border:1rpx solid color