微信小程序 首页浮窗设计（含代码&效果图）

组件wxml

多个图的情况轮播显示

	<view class="mask" hidden="{
  {showAd}}">
		<view class="AdView-mask" animation="{
  {animationData}}">
			<swiper indicator-dots class="mask-img" indicator-dots="{
  {popupInfo.length>1 ? true : false}}" autoplay="false" interval="2000" duration="500" circular="true" current="{
  {swiperCurrent}}">
			 <swiper-item wx:for="{
  {popupInfo}}" wx:key="index"> 
			   <image class="mask-img" catchtap='clickAd' mode="aspectFit" src='{
  {item.imageNetAddress}}'
          data-index="{
  {index}}"  lazy-load="{
  {true}}" webp></image>
			 </swiper-item>		
			</swiper>
			<view class="close-mask" bindtap="hidd