账户中心 退出系统
普通版本 weex版本

GraceUI For Weex - 边框


graceUI 内置了5种边框,请根据项目需要进行调整 : 

.grace-border{border:1px solid #E9E9E9;} // 四周
.grace-border-l{border-left:1px solid #E9E9E9;} // 左侧
.grace-border-r{border-right:1px solid #E9E9E9;} //右侧
.grace-border-t{border-top:1px solid #E9E9E9;} // 顶部
.grace-border-b{border-bottom:1px solid #E9E9E9;}// 底部
.grace-noborder{border:0;} // 清除边框复制代码

graceUI 内置了2种圆角,请根据项目需要进行调整 : 

.grace-border-radius{border-radius:100rpx;}
.grace-border-radius-small{border-radius:10rpx;}

演示代码