修改手机端消息页面顶部样式教程
ZAESKY 2020-3-17 技术分享
599 3 51

这消息页面两个按钮看着感觉好奇怪,就闲着没事修改了一下融合下主题(其他页面的以后再改)。

不想自己手动修改请直接跳到最后下载附件替换文件。

修改前

修改后

添加了一个消息统计和未读消息统计,本来是在无消息下未读消息可以隐藏的不知道怎么回事被我玩坏了,还是哪里写错了,就这样凑合着用吧(甩锅给其他大佬)。

修改教程

复制一份官方 view\htm\my.common.template.htm 文件放到plugin\huux_notice\view\htm 目录下。(最好是不要在官方文件修改,以免出错)。

然后把下面代码替换掉my.common.template.htm 的5-15行。(图方便就直接写行内元素了 )。

<div class="d-lg-none notice_nav">
	<ol class="breadcrumb" style="display:block">
			<li class="breadcrumb-item"><a href="./"><i class="icon-home" aria-hidden="true"></i> 返回首页</a></li>
			<?php if(!empty($uid)) { ?>
	<li class="nav-item usernotice <?php echo $user['unread_notices'] !=0 ? 'current':''; ?>" id="nav-usernotice" style="float:right">
		<span class=" unread badge" id="nav-usernotice-unread-notices">共有<?php echo $user['notices']; ?>条消息 <span style="color:#c6303e">其中<?php echo $user['unread_notices']; ?>条未读</span>
	</li>
<?php }?>
		</ol>
	
</div>
<style>
@media (max-width: 576px){
		.notice_nav{
    margin-left: -8px;
    margin-right: -8px;
	margin-bottom:0rem;
	margin-top:0.5rem;
	}
	.notice_nav > .breadcrumb{
	margin-bottom:0rem;
	}
}
</style>
替换前

替换后


然后把plugin\huux_notice\view\htm\my_notice.template.htm 文件的第一行改为

<template include="plugin/huux_notice/view/htm/my.common.template.htm">

回到网站,后台清缓存。


下载

下载附件文件放到plugin\huux_notice\view\htm目录下。同名文件直接覆盖就行了。

本帖中包含附件 如需下载请先回复并刷新本帖!
最新回复 (51)
  • 启辉儿
    2020-3-17 2
    0
    来了
  • KUIUK
    2020-3-17 3
    0
    看看
  • 汉克
    2020-3-17 4
    0
  • 马里奥先森
    2020-3-18 5
    0
    感谢站长分享
  • 3
    2020-3-18 6
    0
    可以
  • 测试账号
    2020-3-20 7
    0
    好😀
  • 雨落
    2020-3-21 8
    0
    我还是觉得把上面那选项注释了。好一点
  • 532756751
    2020-3-21 9
    0
    666666666
  • 3
    2020-3-21 10
    0
    532756751 666666666
  • 去玩儿过
    2020-3-21 11
    0
    懒癌晚期来了
  • 王宝义
    2020-3-21 12
    0
  • 1349920358
    2020-3-22 13
    0
    喜欢
  • 路人甲
    2020-3-22 14
    0
    谢谢
  • kaxinyi
    2020-3-23 15
    0
    wolainazou 
  • pipi
    2020-3-28 16
    0
    看看
  • 1373937439
    2020-3-28 17
    0
  • 1525376187
    2020-3-28 18
    0
    ok
  • 1373937439
    2020-4-11 19
    0
    1.6版本改了没反应
  • 过眼云烟
    11月前 20
    0
    好东西
  • qazTJY
    11月前 21
    0
    感谢分享!
  • wut3158
    11月前 22
    0
    d
  • 月光村
    11月前 23
    0
    ok
  • 先生
    11月前 24
    0
    好评!
  • 工具人
    10月前 25
    0
    666
  • 陈叔
    10月前 26
    0
    真棒
  • tanhejie
    10月前 27
    0
    1
  • guojinfu
    10月前 28
    0
    5
  • 784700
    9月前 29
    0
    qsss
  • 271110
    8月前 30
    0
    6
  • 511716154
    8月前 31
    0
    看看
  • MoGuyule
    7月前 32
    0
  • yz086
    7月前 33
    0
    回复并刷新本帖!
  • 2002829
    7月前 34
    0
    好东西
  • 寻梦xunm
    7月前 35
    0
  • arthur
    6月前 36
    0
    谢谢大佬
  • 苏酥
    5月前 37
    0
  • ins
    5月前 38
    0
    好看
  • xvdongcn
    3月前 39
    0
    好看
  • 长生
    3月前 40
    0
    66666
  • 天无神话
    2月前 41
    0
    感谢🙏
  • 小鹿
    2月前 42
    0
  • qidouhai
    2月前 43
    0
    forum_breadcrumb_before.htm
  • qqrgo
    1月前 44
    0
    来了
  • tl4423
    1月前 45
    0
    666666666666
  • odinad
    1月前 46
    0
    看看
  • huiyueyue
    1月前 47
    0
    谢谢站长,我要经常在这里学习!
  • xingkong
    1月前 48
    0
    看看
  • 3267478629
    21天前 49
    0
    试试
  • 88
    18天前 50
    0
返回