midea.git - Gitblit

懒羊羊

2023-08-30 71e81ed1d12e4d69f53c8ad9e066650ad4186293

提交 \| 用户 \| 时间
71e81e	1	@layout("/common/_container.html",{title:"消息列表",css:["/assets/modular/frame/message.css"],js:["/assets/modular/frame/message.js"]}){
懒	2	<div class="layui-tab layui-tab-brief" style="padding: 5px 0;margin: 0;">
	3	<ul class="layui-tab-title" style="text-align: center;">
	4	<li class="layui-this">通知(5)</li>
	5	<li>私信(12)</li>
	6	<li>待办(3)</li>
	7	</ul>
	8	<div class="layui-tab-content" style="padding: 5px 0;">
	9
	10	<!-- tab1 -->
	11	<div class="layui-tab-item layui-show">
	12	<div class="message-list">
	13	<!-- 实际项目请使用后台数据循环出来 -->
	14	<a class="message-list-item" href="javascript:;">
	15	<img class="message-item-icon" src="${ctxPath}/assets/common/images/message.png">
	16	<div class="message-item-right">
	17	<h2 class="message-item-title">你收到了14份新周报</h2>
	18	<p class="message-item-text">10个月前</p>
	19	</div>
	20	</a>
	21	<a class="message-list-item" href="javascript:;">
	22	<img class="message-item-icon" src="${ctxPath}/assets/common/images/message.png">
	23	<div class="message-item-right">
	24	<h2 class="message-item-title">你收到了14份新周报</h2>
	25	<p class="message-item-text">10个月前</p>
	26	</div>
	27	</a>
	28	<a class="message-list-item" href="javascript:;">
	29	<img class="message-item-icon" src="${ctxPath}/assets/common/images/message.png">
	30	<div class="message-item-right">
	31	<h2 class="message-item-title">你收到了14份新周报</h2>
	32	<p class="message-item-text">10个月前</p>
	33	</div>
	34	</a>
	35
	36	<!-- 列表为空 -->
	37	<div class="message-list-empty" style="display: none;">
	38	<img src="${ctxPath}/assets/common/images/img_msg_notice.svg">
	39	<div>没有通知</div>
	40	</div>
	41
	42	</div>
	43
	44	<a class="message-btn-clear" href="javascript:;">全部标记已读</a>
	45
	46	</div>
	47
	48	<!-- tab2 -->
	49	<div class="layui-tab-item">
	50	<div class="message-list">
	51	<a class="message-list-item" href="javascript:;">
	52	<img class="message-item-icon" src="${ctxPath}/assets/common/images/head.png">
	53	<div class="message-item-right">
	54	<h2 class="message-item-title">xx评论了你</h2>
	55	<p class="message-item-text">哈哈哈哈哈哈</p>
	56	<p class="message-item-text">10个月前</p>
	57	</div>
	58	</a>
	59	<a class="message-list-item" href="javascript:;">
	60	<img class="message-item-icon" src="${ctxPath}/assets/common/images/head.png">
	61	<div class="message-item-right">
	62	<h2 class="message-item-title">xx评论了你</h2>
	63	<p class="message-item-text">哈哈哈哈哈哈</p>
	64	<p class="message-item-text">10个月前</p>
	65	</div>
	66	</a>
	67	<a class="message-list-item" href="javascript:;">
	68	<img class="message-item-icon" src="${ctxPath}/assets/common/images/head.png">
	69	<div class="message-item-right">
	70	<h2 class="message-item-title">xx评论了你</h2>
	71	<p class="message-item-text">哈哈哈哈哈哈</p>
	72	<p class="message-item-text">10个月前</p>
	73	</div>
	74	</a>
	75
	76	<a id="btn-more1" class="message-btn-more" href="javascript:;">加载更多</a>
	77
	78	<!-- 列表为空 -->
	79	<div class="message-list-empty" style="display: none;">
	80	<img src="${ctxPath}/assets/common/images/img_msg_pri.svg">
	81	<div>没有消息</div>
	82	</div>
	83
	84	</div>
	85
	86	<a class="message-btn-clear" href="javascript:;">清空消息</a>
	87
	88	</div>
	89
	90	<!-- tab3 -->
	91	<div class="layui-tab-item">
	92	<div class="message-list">
	93	<a class="message-list-item" href="javascript:;">
	94	<div class="message-item-right">
	95	<span class="layui-badge pull-right">待完成</span>
	96	<h2 class="message-item-title">你收到了14份新周报</h2>
	97	<p class="message-item-text">10个月前</p>
	98	</div>
	99	</a>
	100	<a class="message-list-item" href="javascript:;">
	101	<div class="message-item-right">
	102	<span class="layui-badge layui-bg-gray pull-right">已完成</span>
	103	<h2 class="message-item-title">你收到了14份新周报</h2>
	104	<p class="message-item-text">10个月前</p>
	105	</div>
	106	</a>
	107	<a class="message-list-item" href="javascript:;">
	108	<div class="message-item-right">
	109	<span class="layui-badge layui-bg-gray pull-right">已完成</span>
	110	<h2 class="message-item-title">你收到了14份新周报</h2>
	111	<p class="message-item-text">10个月前</p>
	112	</div>
	113	</a>
	114
	115	<!-- 列表为空 -->
	116	<div class="message-list-empty" style="display: none;">
	117	<img src="${ctxPath}/assets/common/images/img_msg_db.svg">
	118	<div>没有待办</div>
	119	</div>
	120
	121	</div>
	122
	123	<a class="message-btn-clear" href="javascript:;">清空待办</a>
	124
	125	</div>
	126	</div>
	127	</div>
	128	@}