追格课程付费专栏如何调整专栏首页轮播图

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

新版追格小程序中,为了方便用户使用,轮播模块已经独立为组件,但有些用户需要结合自己设计对组件内容进行调整。比如我们在专栏首页,要调整轮播图的高度,圆角。这些我们可以通过css的方式对组件中的元素进行控制。


以专栏首页为例,如果我们要调整该页面轮播图,只需要找到


找到文件/column/index/index.vue中的css


	.zhuige-sp .zhuige-swiper {
		height: 280rpx !important;
	}


可以对以下参数进行调整,记得在参数后面增加 !important;


		height: 620rpx !important;
                width: 90% !important;


如果要调整封面相关,可以增加以下css,如,把圆角改为直角


.zhuige-sp .zhuige-swiper-cover {
      border-radius: 0 !important;
}


调整后效果如下图



发表评论

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

客服 工单