说明:左边是正常版本,右边是拍平版本
border-radius: 10px
border-radius: 10rpx
border-radius: 10% 和阴影
border-top-left-radius: 10px
border-top-right-radius: 10px
border-bottom-left-radius: 10px
border-bottom-right-radius: 10px
border-top-left-radius: 20%
border-top-right-radius: 20%
border-bottom-left-radius: 20%
border-bottom-right-radius: 20%
border-radius: 150px(长宽不同形成扁圆)
border-radius: 150px(与长宽相同形成正圆)
border-radius: 999px(border-radius超出边界形成正圆)
border-radius: 10px(包含子视图)
border-bottom-left-radius: 10px \nborder-bottom-right-radius: 10px \n(包含子视图)
text组件: border-radius: 10px
文本
文本
text组件: border-radius: 25px(与高度相同形成圆角)
文本
文本
image组件: border-radius: 10px
image组件: border-radius: 100px(与长宽相同形成正圆)
scroll-view 组件
border-radius: 10px
border-radius: 100px
setProperty 设置与 getPropertyValue 获取
view 组件
设置值: {{data.borderRadius}}
获取值: {{data.borderRadiusActual}}
view
text 组件
设置值: {{data.borderRadius}}
获取值: {{data.borderRadiusActualText}}
text
image 组件
设置值: {{data.borderRadius}}
获取值: {{data.borderRadiusActualImage}}
view 组件拍平
设置值: {{data.borderRadius}}
获取值: {{data.borderRadiusActualFlat}}
view
text 组件拍平
设置值: {{data.borderRadius}}
获取值: {{data.borderRadiusActualTextFlat}}
text
image 组件拍平
设置值: {{data.borderRadius}}
获取值: {{data.borderRadiusActualImageFlat}}
第一个枚举值,'' (空字符串) - 空值情况