1.先在项目里导入依赖,在vs里输入:npm install mini-ali-ui
(其他有用到的依赖)
2.在json文件里写:
{
"usingComponents": {
"mask": "mini-ali-ui/es/mask/index"
}
}
3.在axml文件里使用:
<mask
type="{
{type}}" show="{
{show}}"
maskZindex="{
{maskZindex}}"
onMaskTap="maskClick">
</mask>
4.在js文件里:
type: 'product', //蒙层的类型
maskZindex: 10, //蒙层的等级
show: false, //蒙层的显示
5.在acss文件里:
//显示在蒙层之上的 z-index数值要比蒙层maskZindex数值大
z-index: 99;
6.解释
-
type: 显示不同透明度的蒙层