add Notice Document

develop
就眠仪式 2020-07-19 04:23:33 +08:00
parent bfb1af3e5d
commit 7a7db74fd3
1 changed files with 60 additions and 6 deletions

View File

@ -18,6 +18,24 @@
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">显示代码</h2>
<div class="layui-colla-content">
<pre class="layui-code" lay-encode="true">
<link rel="stylesheet" href="component/pear/css/pear.css" />
<link rel="stylesheet" href="component/pear/css/pear-module/notice.css" />
<script src="component/layui/layui.js"></script>
<script src="component/pear/pear.js"></script>
</pre>
</div>
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">消息提醒</div>
@ -43,6 +61,25 @@
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">显示代码</h2>
<div class="layui-colla-content">
<pre class="layui-code" lay-encode="true">
layui.use(['notice', 'jquery', 'layer', 'code'], function() {
var notice = layui.notice;
notice.success("成功消息")
notice.error("危险消息")
notice.warning("警告消息")
notice.info("通用消息")
})
</pre>
</div>
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-card">
<div class="layui-card-header">
@ -53,21 +90,39 @@
</div>
</div>
</div>
<div class="layui-col-md12">
<div class="layui-collapse">
<div class="layui-colla-item">
<h2 class="layui-colla-title">显示代码</h2>
<div class="layui-colla-content">
<pre class="layui-code" lay-encode="true">
layui.use(['notice', 'jquery', 'layer', 'code'], function() {
var notice = layui.notice;
notice.clear();
})
</pre>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script src="../../component/layui/layui.js"></script>
<script src="../../component/pear/pear.js"></script>
<script>
layui.use(['notice', 'jquery', 'layer'], function() {
layui.use(['notice', 'jquery', 'layer', 'code','element'], function() {
var notice = layui.notice;
var layer = layui.layer;
var $ = layui.jquery;
notice.warning("成功");
notice.info("提示信息:毛都没有...");
notice.error("大佬,我咋知道怎么肥四!");
notice.success("大佬,我咋知道怎么肥四!");
layui.code();
notice.warning("成功消息");
notice.info("提示消息");
notice.error("错误消息");
notice.success("成功消息");
$(".notice-success").click(function() {
notice.success("成功消息")
@ -84,7 +139,6 @@
})
$("#closeAll").click(function() {
layer.msg('移除生成的notice通知');
notice.clear();
});