diff --git a/admin/data/message.json b/admin/data/message.json
index ee74bb682f0b09b2d72fc8a5b7a69ba1f6d3b52c..7cf9263327e3f3e96b62564a0ca35d12a573ab4b 100644
--- a/admin/data/message.json
+++ b/admin/data/message.json
@@ -2,129 +2,89 @@
 		"id": 1,
 		"title": "通知",
 		"children": [{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
-				"title": "你收到了 14 份新周报",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}, {
-				"id": 12,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
-				"title": "曲妮妮 已通过第三轮面试",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			},
-			{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
-				"title": "可以区分多种通知类型",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}, {
-				"id": 12,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
-				"title": "左侧图标用于区分不同的类型",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			},
-			{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
-				"title": "内容不要超过两行字",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}
-		]
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "你收到了 14 份新周报",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
+			"title": "曲妮妮 已通过第三轮面试",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
+			"title": "可以区分多种通知类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
+			"title": "左侧图标用于区分不同的类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "内容不要超过两行字",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}]
 	},
 	{
 		"id": 2,
 		"title": "消息",
 		"children": [{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
-				"title": "你收到了 14 份新周报",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}, {
-				"id": 12,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
-				"title": "曲妮妮 已通过第三轮面试",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			},
-			{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
-				"title": "可以区分多种通知类型",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}, {
-				"id": 12,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
-				"title": "左侧图标用于区分不同的类型",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			},
-			{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
-				"title": "内容不要超过两行字",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}
-		]
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "你收到了 14 份新周报",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
+			"title": "曲妮妮 已通过第三轮面试",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
+			"title": "可以区分多种通知类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}, {
+			"id": 12,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
+			"title": "左侧图标用于区分不同的类型",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		},
+		{
+			"id": 11,
+			"avatar":"https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
+			"title": "内容不要超过两行字",
+			"context": "这是消息内容。",
+			"form": "就眠仪式",
+			"time": "刚刚"
+		}]
 	},
 	{
 		"id": 3,
 		"title": "代办",
-		"children": [{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
-				"title": "你收到了 14 份新周报",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}, {
-				"id": 12,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/OKJXDXrmkNshAMvwtvhu.png",
-				"title": "曲妮妮 已通过第三轮面试",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			},
-			{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/kISTdvpyTAhtGxpovNWd.png",
-				"title": "可以区分多种通知类型",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}, {
-				"id": 12,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/GvqBnKhFgObvnSGkDsje.png",
-				"title": "左侧图标用于区分不同的类型",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			},
-			{
-				"id": 11,
-				"avatar": "https://gw.alipayobjects.com/zos/rmsportal/ThXAXghbEsBCCSDihZxY.png",
-				"title": "内容不要超过两行字",
-				"context": "这是消息内容。",
-				"form": "就眠仪式",
-				"time": "刚刚"
-			}
-		]
+		"children": []
 	}
 ]
diff --git a/component/pear/css/module/message.css b/component/pear/css/module/message.css
index 85475c62df85bba6f9b5cdc9017fb952c2ebf9ac..0a61d092a45c05a5ee8c0d3fb52150f9aaeb40ea 100644
--- a/component/pear/css/module/message.css
+++ b/component/pear/css/module/message.css
@@ -18,7 +18,6 @@
 	text-align: center;
 	border-right: 1px solid whitesmoke;
 }
-
 /*排除最后一个 li 右边框*/
 .pear-notice .layui-tab-title li:last-child {
     border-right: none;
@@ -47,7 +46,7 @@
 	padding-left: 20px;
 	border-bottom: 1px solid whitesmoke;
 	padding-top: 10px;
-	padding-bottom: 10px;
+	padding-bottom: 15px;
 }
 .pear-notice-end {
 	float: right;
@@ -82,3 +81,53 @@
 .pear-notice *::-webkit-scrollbar-corner {
 	background: #f6f6f6;
 }
+/** 增加 empty 样式 */
+.pear-empty {
+	font-size: 14px;
+	line-height: 1.5715;
+	min-height: 200px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+}
+.pear-empty-normal {
+	margin: 32px 0;
+	color: #00000040;
+}
+.pear-empty-normal .pear-empty-image {
+	height: 40px;
+}
+
+.pear-empty-image {
+	height: 100px;
+	margin-bottom: 8px;
+}
+.pear-empty-image svg {
+	height: 100%;
+	margin: auto;
+}
+
+.pear-empty-img-simple-g {
+	stroke: #d9d9d9;
+}
+.pear-empty-img-default-g {
+	fill: #fff;
+}
+.pear-empty-img-simple-path {
+	fill: #fafafa;
+}
+.pear-empty-img-default-path-1 {
+	fill: #aeb8c2;
+}
+.pear-empty-img-default-path-2 {
+	fill: url(#linearGradient-1);
+}
+.pear-empty-img-default-path-3 {
+	fill: #f5f5f7;
+}
+.pear-empty-img-default-path-4, .pear-empty-img-default-path-5 {
+	fill: #dce0e6;
+}
+
+
diff --git a/component/pear/module/message.js b/component/pear/module/message.js
index 9a7e20435ce5d45db4588a44cba0069493b9d96d..49d221dc6bd5c68fa6d2270415cfa3d835f22975 100644
--- a/component/pear/module/message.js
+++ b/component/pear/module/message.js
@@ -105,6 +105,14 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
 					'<div class="pear-notice-end">' + note.time + '</div>' +
 					'</div>';
 			})
+			
+			if(item.children.length==0){
+				//没有数据时展示
+				//简单样式
+				//noticeContent +='<div class="pear-empty pear-empty-normal"><div class="pear-empty-image"><svg class="pear-empty-img-simple" width="64" height="41" viewBox="0 0 64 41"><g transform="translate(0 1)" fill="none" fill-rule="evenodd"><ellipse class="pear-empty-img-simple-ellipse" fill="#F5F5F5" cx="32" cy="33" rx="32" ry="7"></ellipse><g class="pear-empty-img-simple-g" fill-rule="nonzero" stroke="#D9D9D9"><path d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"></path><path d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z" fill="#FAFAFA" class="pear-empty-img-simple-path"></path></g></g></svg></div><p class="pear-empty-description">暂无数据</p></div>';
+				//复杂样式
+				noticeContent +='<div class="pear-empty"><div class="pear-empty-image"><svg class="pear-empty-img-default" width="184" height="152" viewBox="0 0 184 152"><g fill="none" fill-rule="evenodd"><g transform="translate(24 31.67)"><ellipse class="pear-empty-img-default-ellipse" cx="67.797" cy="106.89" rx="67.797" ry="12.668"></ellipse><path class="pear-empty-img-default-path-1" d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"></path><path class="pear-empty-img-default-path-2" d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z" transform="translate(13.56)"></path><path class="pear-empty-img-default-path-3" d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"></path><path class="pear-empty-img-default-path-4" d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"></path></g><path class="pear-empty-img-default-path-5" d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"></path><g class="pear-empty-img-default-g" transform="translate(149.65 15.383)"><ellipse cx="20.654" cy="3.167" rx="2.849" ry="2.815"></ellipse><path d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"></path></g></g></svg></div><p class="pear-empty-description">暂无数据</p></div>';
+			}			
 			noticeContent += '</div>';
 		})