Close Menu
    零五网 - 为热爱技术的人而生！

    微信小程序使用 TDesign dialog 组件点击几次后导致微信闪退（异常关闭）的问题记录

    0
    By on 小程序

    前不久发现腾讯推出的 TDesign 组件库，想着既然是腾讯官方的，那对微信小程序肯定更友好一些，不会像其他第三方组件库坑那么多，于是在新项目里就用了这个组件库。

    结果发现小程序页面使用 TDesign dialog 组件时在我的苹果手机上点几次后就会闪退，是整个微信没有任何提示直接闪退，在同事的安卓手机和开发者工具上都是正常的。

    官方论坛上说了 ios 版本微信在内存异常时会自动根据异常情况退出程序，我也没时间去一点点儿调试内存问题了。

    手写一个图片 modal 快速解决问题，真的还是自己写更稳妥一点，特此记录。

    wxml 中的 modal 代码：

    <t-button icon="logo-wechat-stroke" content="加微信" bind:tap="showDialog"></t-button>

<view class="modal" wx:if="{{showQrcode}}" bind:tap="closeDialog">
  <view class="modal-content">
    <image class="qrcode" src="{{qrcode}}"></image>
    <view class="modal-button" bind:tap="closeDialog">确定</view>
  </view>
</view>

    js 文件弹窗相关代码：

    data:{
    showQrcode:false,
},
showDialog(){
    this.setData({
      showQrcode: true
    })
},
closeDialog(){
    this.setData({
      showQrcode: false
    })
}

    wxss 样式代码：

    .modal{
  width: 100vw;
  height: 100vh;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(107, 107, 107, 0.8);
}
.modal .modal-content{
  background-color: #fff;
  padding:20rpx;
}
.modal .modal-button{
  text-align: center;
  color:#a72a30;
}
.modal .qrcode{
  width:425rpx;
  height:425rpx;
}

    实际效果：

    相关推荐