uniapp uni.showModal
时间: 2023-11-15 12:56:32 浏览: 92
好的,你的问题是关于uniapp中的showModal方法。showModal是uniapp中的一个API,用于显示模态对话框。当用户点击确定或取消按钮时,该方法会返回一个Promise对象,可以通过then方法获取用户的选择结果。具体使用方法如下:
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
相关问题
uniapp uni.showModal title 样式
根据提供的引用内容,uni.showModal的title样式可以通过在showModal的options中设置title属性来实现。具体来说,可以通过在title属性中设置样式来改变title的样式,例如设置字体颜色、大小、加粗等。下面是一个示例代码:
```javascript
uni.showModal({
title: '<span style="color:red;font-size:20px;font-weight:bold;">这是一个红色加粗的标题</span>',
content: '这是一个内容',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
}
});
```
在上面的示例代码中,我们在title属性中使用了HTML标签来设置样式,具体来说,我们使用了span标签来设置字体颜色、大小和加粗。你可以根据需要自定义样式。
uniapp uni.showModal content 样式
根据提供的引用内容,uni.showModal的content样式可以通过在项目common的style.scss中定义全局样式来实现。具体步骤如下:
1.在项目common的style.scss中定义全局样式,例如:
```scss
.uni-modal{
.uni-modal__bd{
color: blue;
font-size: 32rpx;
font-weight: bold;
padding: 64rpx 0 ;
}
}
```
2.在uni.showModal中设置content的值,并在showModal的success回调函数中获取到弹窗的节点,然后通过节点的classList属性添加样式类名,例如:
```javascript
uni.showModal({
title: '提示',
content: '这是一个模态弹窗',
success: function (res) {
if (res.confirm) {
console.log('用户点击确定');
} else if (res.cancel) {
console.log('用户点击取消');
}
// 获取弹窗节点
const modal = document.querySelector('.uni-modal');
// 添加样式类名
modal.classList.add('uni-modal__bd');
}
});
```
这样就可以通过添加样式类名来设置uni.showModal的content样式了。
阅读全文