有时候由于文章发布超过一定时间,导致文章内容没有时效性或者出现一些图片挂了,导致用户在查看文章时有疑惑或者有问题。
通过一段简单的代码,我们可以实现在文章页面显示文章发布超过多久的提醒,方便自己及用户注意。下面就直接上代码。
直接在 POST.PHP
文件合适的位置放入以下代码:
<div class="j-alt warning">
本文最后更新于 <?php echo date('Y 年 m 月 d 日' , $this->modified);?>,已超过 <?php echo floor((time()-($this->modified))/86400);?> 天没有更新。如果文章内容或图片资源失效,请留言反馈,我会及时处理,谢谢!
</div>
然后在 CSS 文件放入以下美化代码:
.j-alt {
width: 100%;
padding: 8px 15px 8px 35px;
border-radius: 4px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: opacity 0.2s;
font-size: 13px;
margin: 20px 0;
}
.j-alt.warning {
background-color: #fdf6ec;
color: #e6a23c;
}
.j-alt::before {
content: '';
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 18px;
vertical-align: top;
}
.j-alt.warning::before {background-image: url(图标地址);
background-repeat: no-repeat;
background-position: center center;
}
这次字体是又改过的了吧,看起来好看舒服多啦~::(真棒)
Js.nake 2021-03-01
是改过的
老狮 2021-03-01