总所周知,The7虽然功能强大,但是要应用到实际项目中,很多东西还要开发者自行定义,比如:搜索框功能、文章列表显示功能、
960px窄屏功能等等。都是需要开发者不断的修改才能达到我们的项目效果。
下面我们简单说下The7博客文章列表显示的问题,我们要的效果如下:
左边文章标题,右边是文章的发布时间。在The7中,大部分开发者第一眼就知道,我们要用迷你博客的功能。但是迷你博客的功能,
显示的效果确是如下图:
尽管我们可以把特色图像关闭掉,但是时间是在下面显示的。不是很和谐,也不符合我们要的要求。所以,我们必须进行改造之。注
意:原则是:能不修改模板,就不修改模板,除非特定的功能,因为版本更新,肯定会被覆盖掉。到时候白搞了。
所以我们改造下面过程:
/***重写迷你博客***/
.post-content {
display: flex;
line-height: 32px;
}
/***截取标题***/
.items-grid a {
width:250px; /* 限制宽度(按要求设置) */
white-space:nowrap; /* 禁止自动换行 */
overflow:hidden; /* 隐藏溢出的内容 */
text-overflow:ellipsis; /* 溢出文本使用…代替 */
}
把如上css搞到主题选项 -自定义css中,完美。当然相关参数,请自行调整。这种方法是比较完美的,不管你模板怎么升级,效果依然
在。能用css的时候,就不要去装逼。