追格小程序资讯模块"文章列表标题"调整为多行展示教程

11月/23日/小程序/浏览 140

追格小程序"资讯/知识库/课程付费专栏"模块的列表,标题默认是限制单行,文字长度超过z大宽度时会超出隐藏,并且隐藏部分回以省略号显示。


若有多行需求,我们可以通过修改css,将文章标题改为多行不隐藏的形式。


方法如下:


1、前端代码找到文件/style/list.css,并找到下方代码:


.zhugie-info-title {
	font-size: 30rpx;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 6rpx;
	line-height: 2em;
}


2、修改为:


.zhugie-info-title {
	font-size: 30rpx;
	font-weight: 600;
	padding-bottom: 12rpx;
	line-height: 1.5em;
}


3、调整后,即可得到如下效果


发表评论

暂无评论,抢个沙发...

客服 工单