追格小程序知识库“列表标题”改为可限制行数隐藏的形式

11月/24日/小程序/浏览 120

我们前面分享过《追格小程序知识库、资讯、课程付费专栏模块"文章列表标题"调整为多行展示教程》,今天分享下追格小程序知识库”模块将文章标题改为可限制行数隐藏的形式,根据您的需求修改行数限制。


知识库(含视频号)模块介绍
https://www.zhuige.com/product/zhuige-resource.html


方法如下:


1、前端代码找到文件/pages/resource/index/index.vue,并找到代码的css部分,在css代码的z后部分增加以下css即可:


具体增加的内容和相关的控制参数均有说明,可以结合自己需求进行修改


	.zhugie-info-title {
		white-space: normal;
		margin-bottom: 6rpx;
		/** 标题与底部内容间距 **/
		line-height: 1.5em;
		/** 标题行高 **/
		max-height: 3em;
		/** 标题总高度,用于控制行数,是行高的整数倍即可 **/
	}

发表评论

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

客服 工单