diff --git a/view/document/notice.html b/view/document/notice.html
index 6d2509f..3bbc7f2 100644
--- a/view/document/notice.html
+++ b/view/document/notice.html
@@ -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();
 			});