微信小程序自定义弹框功能实现

最新推荐文章于 2024-08-06 08:59:39 发布

璞~

最新推荐文章于 2024-08-06 08:59:39 发布

阅读量2.2k

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_39702981/article/details/85320926

版权

微信小程序专栏收录该内容

86 篇文章 30 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了如何在微信小程序中实现自定义弹框功能，包括.wxml、.wxss和.js三个部分的实现细节，帮助开发者创建个性化弹窗。

摘要由CSDN通过智能技术生成

微信小程序自定义弹框功能实现

先上图

.wxml

<view class='tk' bindtap="wqd">
         点击弹出
</view>



<!-- 遮罩层 -->
<view class="mask" catchtouchmove="preventTouchMove" wx:if="{
  {showModal}}"></view>
  <!-- 弹出层 -->
  <view class="modalDlg" wx:if="{
  {showModal}}">
  <!-- 二维码或其他图片 -->
      <text style='font-size:39rpx;font-weight:bold;padding-top:50rpx;'>签到提示</text>
      <view class='text'>
        <text class=

了解本专栏