uniapp uni.showModal 出现点击没有反应

uni.showModal 

里面有好些参数 点击后不弹出 是因为 出现了 null 或者undifind 字符

特别是content 里面 

                    title: '提示',
                    cancelColor: '#000000',
                    editable: true,//是否显示输入框
                    content: item.text?item.text:'',  // 这样写是为了防止出现 null 或者不存在的情况
                    placeholderText: '请输入内容',//输入框提示内容
                    confirmText: '确认',
                    cancelText: '取消',

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni.showModaluni-app框架中用于显示模态对话框的API。它可以用来展示一个带有标题、内容和按钮的对话框,并且可以根据需要自定义对话框的样式。 要自定义uni.showModal的样式,可以通过在App.vue或者页面的vue文件中添加全局样式或者局部样式来实现。以下是一种常见的自定义样式的方法: 1. 在App.vue或者页面的vue文件中,添加一个<style>标签,用于定义对话框的样式。 ```html <style> .custom-modal { background-color: #f5f5f5; border-radius: 10px; padding: 20px; } .custom-title { font-size: 18px; color: #333; margin-bottom: 10px; } .custom-content { font-size: 14px; color: #666; margin-bottom: 20px; } .custom-button { background-color: #007aff; color: #fff; border-radius: 5px; padding: 10px 20px; text-align: center; } </style> ``` 2. 在需要使用uni.showModal的地方,调用uni.showModal函数,并设置参数中的cssClass属性为自定义的样式类名。 ```javascript uni.showModal({ title: '提示', content: '这是一个自定义样式的对话框', cssClass: 'custom-modal', success: function (res) { if (res.confirm) { console.log('用户点击确定'); } else if (res.cancel) { console.log('用户点击取消'); } } }); ``` 通过以上步骤,你可以自定义uni.showModal对话框的样式。在上述示例中,我们定义了一个名为custom-modal的样式类,用于设置对话框的背景色、圆角、内边距等样式。你可以根据自己的需求修改样式类的属性。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值