解决weex中box-shadow不兼容Android的问题

大家好，我是云百科的客服小柏，我来为大家解答以上问题。解决weex中box-shadow不兼容Android的问题很多人还不知道，现在让我们一起来看看吧！

解答：

1、 第一步：建立一个双层结构。

2、 差异

3、 图像/图像

4、 分区/分区

5、 /div

6、 第二步：设置最外层样式。

7、 divclass='qwe'

8、 imageclass='imgshadow'src='shadow.png'/image

9、 divclass='容器'/div

10、 /div

11、 (1)最外层必须有位置：相对；

12、 原因：给图像子容器一个定位依据；

13、 (2)最外层要显示阴影背景，根据阴影的宽度和高度给出相应的填充。

14、 原因：weex中默认的框大小是border-box，所以给它margin是没有用的。

15、 weex中的溢出是默认隐藏的，Android只能隐藏。

16、 可以显示超出父容器的Ios，但不会显示Android。

17、 甚至溢出：可见无用。只能用填充。

18、 第三步：设置第二层图像样式。

19、 divclass='qwe'

20、 imageclass='imgshadow'src='shadow.png'/image

21、 divclass='容器'/div

22、 /div

23、 (1)形象是绝对定位的。

24、 (2)必须是top:0底部：0；左：0；right:0；[适应高度和宽度的原因]

25、 理由：只有这样，没有设置高度和宽度的父级才能支持自己的高度和宽度。

26、 至于对应的值，可以结合情况写。

27、 (3)

28、 步骤4:设置第二个div样式，即主内容容器。

29、 divclass='qwe'

30、 imageclass='imgshadow'src='shadow.png'/image

31、 divclass='容器'/div

32、 /div

33、 (1)我这里是空白的内容容器，所以写了高度和宽度；

34、 如果它是一个有内容的容器，你可以不考虑它的高度和宽度。

35、 第5步：整体代码显示和效果。

36、 模板

37、 divclass='qwe'

38、 imageclass='imgshadow'src='shadow.png'/image

39、 divclass='容器'/div

40、 /div

41、 /模板

42、 脚本

43、 导出默认值{

44、 数据：{

45、 }

46、 };

47、 /脚本

48、 样式范围。qwe{

49、 margin-top:50px；

50、 位置：相对；

51、 padding:25px

52、 padding-bottom:63px；

53、 }。imgShadow{

54、 位置：绝对；

55、 top:0

56、 底部：0；

57、 左：0；

58、 right:0；

59、 }。容器{

60、 宽度：400px；

61、 height:300px

62、 }

63、 /风格

本文到此讲解完毕了，希望对大家有帮助。

标签：

免责声明：免责声明：本文由用户上传，与本网站立场无关。财经信息仅供读者参考，并不构成投资建议。投资者据此操作，风险自担。 如有侵权请联系删除！