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

最新推荐文章于 2024-08-15 23:28:06 发布

璞~

最新推荐文章于 2024-08-15 23:28:06 发布

阅读量2.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_39702981/article/details/85320926

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

86 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

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

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

先上图

.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="text">+10</text>
        <text space="ensp" style="color:#ccc;font-size:30rpx;">  经验</te

了解本专栏