微信小程序-自定义弹出层

最新推荐文章于 2024-05-17 09:01:49 发布

大闸蛙

最新推荐文章于 2024-05-17 09:01:49 发布

阅读量1.9k

点赞数

分类专栏：小程序文章标签：微信小程序自定义弹出层

本文链接：https://blog.csdn.net/crabfrog/article/details/82768295

版权

效果图

自定义弹出层

WXML

<view class='popup' wx:if="{
  {popShow}}">
    <view class='mask' catchtouchmove="preventTouchMove" catchtap='closePop'>
    </view>
    <!--  弹出层 -->
      <view class='popup_main' id='popup_main' >
    <!--  关闭按钮 -->
        <view class='close_wrapper'>
          <image class='close_icon' src='/images/select_icons/close.png' mode='widthFix' bindtap='closePop'></image>
        </view>
    <!-- 主要内容 -->
        <view class='pop_list_wrapper'>这里加入你想加入的内容</view>
      </view>
  </view>