微信小程序透明度的属性是

微信小程序透明度 opacity 原创

2017-05-23 11:28:29

5点赞

UFO00001

码龄7年

关注

wxml文件中 ：style="opacity:{{number}}"

number代表透明度的值 取值范围0—1 1代表不透明 0代表全透明薯雹

具体应用中可在js文件中写个方法对number根据用户动作进行动态设置

看文章 扫一亮手仔扫 领红包哦

文章知识点与官敬汪方知识档案匹配

小程序技能树page.json配置globalStyle全局样式配置

3393 人正在系统学习中

例如：

其中0.5是图片透明度

例如：

其中0.95是背猛闷景图透明度，局知肢使用效果如下图桐世：

https://www.runoob.com/cssref/func-linear-gradient.html

小程含孙序polygon区域地图上的区块，比如为中心的圆圈或不规则块。

小程序中 strokeColor代表边框，fillColor代表填充色，且16进制颜色外谈喊链还多两位-18位，后两位为透明度（alpha）。

0-100%代表的两位组合，搜索关键词【小程序十六进制对照表】参考，或如下。

100% — FF

99% — FC

98% — FA

97% — F7

96% — F5

95% — F2

94% — F0

93% — ED

92% — EB

91% — E8

90% — E6

89% — E3

88% — E0

87% —渗唤 DE

86% — DB

85% — D9

84% — D6

83% — D4

82% — D1

81% — CF

80% — CC

79% — C9

78% — C7

77% — C4

76% — C2

75% — BF

74% — BD

73% — BA

72% — B8

71% — B5

70% — B3

69% — B0

68% — AD

67% — AB

66% — A8

65% — A6

64% — A3

63% — A1

62% — 9E

61% — 9C

60% — 99

59% — 96

58% — 94

57% — 91

56% — 8F

55% — 8C

54% — 8A

53% — 87

52% — 85

51% — 82

50% — 80

49% — 7D

48% — 7A

47% — 78

46% — 75

45% — 73

44% — 70

43% — 6E

42% — 6B

41% — 69

40% — 66

39% — 63

38% — 61

37% — 5E

36% — 5C

35% — 59

34% — 57

33% — 54

32% — 52

31% — 4F

30% — 4D

29% — 4A

28% — 47

27% — 45

26% — 42

25% — 40

24% — 3D

23% — 3B

22% — 38

21% — 36

20% — 33

19% — 30

18% — 2E

17% — 2B

16% — 29

15% — 26

14% — 24

13% — 21

12% — 1F

11% — 1C

10% — 1A

9% — 17

8% — 14

7% — 12

6% — 0F

5% — 0D

4% — 0A

3% — 08

2% — 05

1% — 03

0% — 00

ps： https://blog.csdn.net/weixin_43120901/article/details/118936105

---