追格小程序课程付费专栏模块的快速导航侧边栏菜单如何修改

11月/28日/小程序/浏览 201

追格小程序专栏模块的快速导航按钮点击后,左侧会弹出侧边栏菜单,默认菜单是上图标,下文字的展示。


我们可以根据自己需求,仅调整追格小圈子程序css对展示进行调整。


1、打开文件style/main.css,找到以下代码


.zhuige-pop-left-links>view {
	text-align: center;
	padding: 30rpx;
	border-top: 1rpx solid #EEEEEE;
}

.zhuige-pop-left-links view image {
	height: 64rpx;
	width: 64rpx;
}


2、修改成如下代码


.zhuige-pop-left-links>view {
	text-align: center;
	padding: 30rpx;
	border-top: 1rpx solid #EEEEEE;
	display: flex;
	align-items: center;
	//增加浮动,居中对齐
}

.zhuige-pop-left-links view image {
	height: 48rpx;
	width: 48rpx;
	margin-right: 8rpx;
	//控制图标尺寸,设置右侧边距
}


3、下图就是仅修改css后的展示效果




也可以根据自己需求,修改侧边栏背景色/背景图,文字颜色,字号等,结合自己需求修改css即可

发表评论

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

客服 工单