说明:左边是正常版本,右边是拍平版本
box-shadow: 5px 5px black
box-shadow: 5px 5px 5px #00FF00
box-shadow: 5px 5px 5px rgb(0,0,255)
box-shadow: 5px 5px 5px rgba(0,255,255,0.5)
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5)
box-shadow: 5rpx 5rpx 5rpx #0000ff80
box-shadow: 5px 5px 5px black
box-shadow: 5px 10px 5px black
box-shadow: 5px 5px 5px 5px black(harmony暂不支持阴影扩散半径)
box-shadow: -5px -5px 5px black
box-shadow: inset 5px 5px black(harmony暂不支持inset)
box-shadow: inset 5px 5px 5px black(harmony暂不支持inset)
box-shadow: inset 5px 10px 5px black(harmony暂不支持inset)
box-shadow: inset 5px 5px 5px 5px black(harmony暂不支持inset)
box-shadow: inset -5px -5px 5px black(harmony暂不支持inset)
box-shadow: 0px 1px 3px rgba(0,0,0,0.4)
circle: box-shadow: 5px 5px black(正圆)
circle: box-shadow: 5px 5px 5px black(椭圆)
circle: box-shadow: 5px 10px 5px black(正圆)
circle: box-shadow: 5px 5px 5px 5px black(椭圆)
circle: box-shadow: -5px -5px 5px black(正圆)
circle: box-shadow: 0px 1px 3px rgba(0,0,0,0.4)(椭圆)
点击动态切换 box-shadow: none
点击动态切换 box-shadow: 非法值
box-shadow父视图动态改变高度的渲染效果
text组件: box-shadow: 5px 5px black
文本
文本
text组件: box-shadow: 5px 5px 5px #00FF00
文本
文本
圆形图片
image组件: box-shadow: 5px 5px black
image组件: box-shadow: 5px 5px 5px #00FF00
image组件(正圆): box-shadow: 5px 5px black
方形图片
image组件: box-shadow: 5px 5px black
image组件: box-shadow: 5px 5px 5px #00FF00
image组件(正圆): box-shadow: 5px 5px black
scroll-view 组件
box-shadow: 5px 5px black 和 box-shadow: 0 0 10px blue
setProperty 设置与 getPropertyValue 获取
view 组件
设置值: {{data.boxShadow}}
获取值: {{data.boxShadowActual}}
view
text 组件
设置值: {{data.boxShadow}}
获取值: {{data.boxShadowActualText}}
text
image 组件
设置值: {{data.boxShadow}}
获取值: {{data.boxShadowActualImage}}
view 组件拍平
设置值: {{data.boxShadow}}
获取值: {{data.boxShadowActualFlat}}
view
text 组件拍平
设置值: {{data.boxShadow}}
获取值: {{data.boxShadowActualTextFlat}}
text
image 组件拍平
设置值: {{data.boxShadow}}
获取值: {{data.boxShadowActualImageFlat}}
第一个枚举值,'' (空字符串) - 空值情况