丸子社区摘要超出字符解决办法

最后更新于:2019-12-02

由于新版 WPJAM BASIC 增加了摘要修改功能,可能改动了原生摘要功能,导致小程序 API 插件的摘要输出兼容性有问题,部分丸子社区的首页文章摘要部分会显示全部文字,影响了 UI 整体结构。如果使用 WPJAM BASIC 的新版插件,可以参考以下方法

1. 打开 template/article/article.wxml 修改如下图:

文章列表模板

2. 打开 template/article/article.wxss 增加以下内容

.photo-panel .excerpt .rendered {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

如图所示:

文章列表样式