如何调整追格小程序知识库分类列表的展示

追格官方小助手/ 2022年11月12日/ 小程序/ 浏览 1287

追格小程序知识库分类列表,默认是图片左侧列表,在追格小程序中我们内置了列表的多种展示的样式,我们可以通过简单调整模板中的样式来控制图文列表的展示。


具体调整方法如下:


打开文件pages/resouce/classify/classify.vue,找到以下部分代码,对最外层样式进行调整即可


左侧图文列表  class="zhugie-info-block left-side"

右侧图文列表  class="zhugie-info-block right-side"

顶部大图图文列表 class="zhugie-info-block"


<view class="zhugie-info-block left-side">
	<view class="zhugie-info-image">
		<image mode="aspectFill" :src="cat.cover"></image>
	</view>
	<view class="zhugie-info-text">
		<view class="zhugie-info-title">{{cat.name}}</view>
		<view class="zhuige-info-summary">{{cat.description}}</view>
		<view class="zhuige-info-data">
			<text>总计 {{cat.count}} 篇</text>
		</view>
	</view>
</view>


对应调整后,效果如下图



发表评论

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

客服 工单