layer弹出层+tips提示
时间: 2023-10-02 15:05:58 浏览: 47
layer是一个非常流行的弹出层和提示框插件,可以很方便地实现layer弹出层和tips提示的效果。
首先,你需要引入layer的js和css文件:
```html
<!-- layer css -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/skin/default/style.min.css">
<!-- layer js -->
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script>
```
接下来,我们可以使用layer.alert()方法来创建一个弹出层:
```javascript
layer.alert('Hello World!');
```
如果需要自定义弹出层的样式和内容,可以使用layer.open()方法:
```javascript
layer.open({
type: 1,
title: '自定义弹出层',
content: '<div style="padding: 20px;">这是一个自定义弹出层。</div>'
});
```
对于tips提示,可以使用layer.tips()方法:
```javascript
layer.tips('这是一个tips提示。', '#btn', {
tips: [1, '#3595CC'],
time: 2000
});
```
其中,第一个参数是提示内容,第二个参数是提示绑定的元素,第三个参数是配置选项,包括tips类型和显示时间等。
更多用法可以参考layer官方文档:https://www.layui.com/doc/modules/layer.html