微信小程序weUI提示框使用
时间: 2023-07-13 08:40:53 浏览: 209
微信小程序weui.wxss
要使用weUI的提示框功能,需要先引入weUI的样式文件和JavaScript文件。在页面中可以使用以下代码来引入:
```html
<link rel="stylesheet" type="text/css" href="/path/to/weui.min.css">
<script type="text/javascript" src="/path/to/zepto.min.js"></script>
<script type="text/javascript" src="/path/to/weui.min.js"></script>
```
其中,`weui.min.css` 是weUI的样式文件,`zepto.min.js` 是weUI所依赖的JavaScript库,`weui.min.js` 是weUI的JavaScript文件。
在页面中使用weUI的提示框,可以使用以下代码:
```javascript
// 弹出成功提示框
weui.toast('操作成功', {
duration: 2000,
className: 'custom-classname',
callback: function(){
console.log('close');
}
});
// 弹出加载中提示框
weui.loading('数据加载中');
// 隐藏加载中提示框
weui.hideLoading();
```
其中,`weui.toast` 方法用于弹出成功提示框,`weui.loading` 方法用于弹出加载中提示框,`weui.hideLoading` 方法用于隐藏加载中提示框。
`weui.toast` 方法有以下参数:
- `message`:提示框显示的文本内容。
- `options`:可选参数,包括:
- `duration`:提示框显示的时间,单位为毫秒,默认为3000毫秒。
- `className`:提示框的自定义类名。
- `callback`:提示框关闭时的回调函数。
更多关于weUI的提示框使用方法可以参考weUI的官方文档。
阅读全文