mirror of https://github.com/layui/layui
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
48 lines
1.5 KiB
48 lines
1.5 KiB
<div class="layui-btn-container">
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-top">显示在上</button>
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-right">显示在右</button>
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-bottom">显示在下</button>
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-left">显示在左</button>
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-color">自定义背景色</button>
|
|
<button type="button" class="layui-btn layui-btn-primary" lay-on="test-tips-more">允许多个 tips</button>
|
|
</div>
|
|
|
|
<!-- import layui -->
|
|
<script>
|
|
layui.use(function(){
|
|
var layer = layui.layer;
|
|
var util = layui.util;
|
|
|
|
// 事件
|
|
util.on('lay-on', {
|
|
'test-tips-top': function(){
|
|
layer.tips('向上', this, {
|
|
tips: 1
|
|
});
|
|
},
|
|
'test-tips-right': function(){
|
|
layer.tips('默认向右', this);
|
|
},
|
|
'test-tips-bottom': function(){
|
|
layer.tips('向下', this, {
|
|
tips: 3
|
|
});
|
|
},
|
|
'test-tips-left': function(){
|
|
layer.tips('向左', this, {
|
|
tips: 4
|
|
});
|
|
},
|
|
'test-tips-color': function(){
|
|
layer.tips('可自定义任意主题色', this, {
|
|
tips: [1, '#16b777']
|
|
});
|
|
},
|
|
'test-tips-more': function(){
|
|
layer.tips('不会关闭之前的 tips', this, {
|
|
tipsMore: true
|
|
});
|
|
}
|
|
})
|
|
});
|
|
</script> |