AdvertiseMask

广告图片弹层。

示例
默认用法
  1. <nut-advertisemask 
  2.   imgSrc="/asset/img/advertising/adver.png"
  3.   linkHref = 'https://m.jd.com/'
  4.   :picWidth="5" 
  5.   :picHeight="6"
  6.   :clickMask="true" 
  7.   :showClose='true'
  8.   :showBtn='true'
  9.   :closeTop="3"
  10.   :closeRight="0.8"
  11.   :closeScale="1.2"
  12.   :circleShow="true"
  13.   :initShow.sync="initShow"
  14.   @jumpTo="jumpToFun"
  15.   @closeMask="closeMaskFun"
  16.   @maskClose="maskClose"
  17.   @maskOpen="maskOpen"
  18.   >
  19. </nut-advertisemask>

Props
参数说明类型默认值可选值
imgSrc广告图片的来源，必填项String''—
linkHref点击按钮跳转的链接地址String'javascript:void(0)'—
picWidth广告图片的宽度，必填项（单位：rem）Number——
picHeight广告图片的高度，必填项（单位：rem）Number——
clickMask点击遮罩层是否关闭Booleanfalsetrue/false
showClose是否显示关闭按钮Booleantruetrue/false
closeTop关闭按钮相对于整个屏幕距离顶部的距离（单位：rem）Number3—
closeRight关闭按钮相对于整个屏幕距离右侧的距离（单位：rem）Number3—
closeScale关闭按钮放大倍数Number1—
circleShow是否显示关闭按钮外侧圆圈Booleantruetrue/false
initShow是否显示广告蒙层Booleantruetrue/false
Events
事件名说明回调参数
jumpTo点击跳转按钮时触发的回调事件—
closeMask点击关闭按钮时触发的回调事件—
maskClose遮罩层隐藏时触发—
maskOpen遮罩层显示时触发—