[HBuilderX]uni-app如何自定义弹窗 app 21年12月16日 编辑 小青苔基地 取消关注 关注 私信 ni-app中弹窗是必不可少的，下面小编教大家如何自定义弹窗。 方法/步骤 首先导入uniPopup,如下图所示 接着定义一个按钮,如下图所示 然后定义弹窗的内容,如下图所示 接着在按钮事件中调用open打开,如下图所示 运行以后点击按钮,如下图所示 最后自定义弹窗就出现了,如下图所示 END 总结 1 1，导入uniPopup 2，定义一个按钮 3，定义弹窗的内容 4，在按钮事件中调用open打开 5，运行以后点击按钮 6，自定义弹窗就出现了 给TA打赏 共{{data.count}}人 人已打赏
![[HBuilderX]uni-app如何自定义弹窗](https://exp-picture.cdn.bcebos.com/9a8fd9f88a775ddd809bf0ffa427e7ef2906f96f.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80)
![[HBuilderX]uni-app如何自定义弹窗](https://exp-picture.cdn.bcebos.com/b7b28f87031c99c0bb2bf433af2fa872951fed6f.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80)
![[HBuilderX]uni-app如何自定义弹窗](https://exp-picture.cdn.bcebos.com/4b626771fe1d96d838ce74952ccd0c6efaf2e16f.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80)
![[HBuilderX]uni-app如何自定义弹窗](https://exp-picture.cdn.bcebos.com/983aa5f4da5872daf59e74ba0056ad042f68d46f.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80)
![[HBuilderX]uni-app如何自定义弹窗](https://exp-picture.cdn.bcebos.com/d47cb624d8e9ccd283b144ec0e40102a05e2c96f.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80)
![[HBuilderX]uni-app如何自定义弹窗](https://exp-picture.cdn.bcebos.com/a13bbe10bc33ec38776c0c5a295f0c14c37b3c6c.jpg?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_500%2Climit_1%2Fformat%2Cf_jpg%2Fquality%2Cq_80)
