萤火小程序修改公告栏图标大小及字号大小的方法

萤火小程序修改公告栏图标大小及字号大小的方法很简单,只需要修改\components\noticebar\index.wxss文件的两处即可。

1、修改字号大小

打开上述路径下的index.wxss文件,查找.zan-noticebar,找到下面的内容,修改font-size一项的数值即可,我这里把原来的26rpx,修改成了29rpx。

.zan-noticebar {
display: -webkit-box;
display: flex;
/* padding: 4px 10px; */
font-size: 29rpx;
line-height: 1.5;
}

2、修改公告栏图标大小

打开上述路径下的index.wxss文件,查找.zan-noticebar__left-icon>.image,找到下面的内容,修改width和height两项的数值即可,我这里把原来的32rpx,修改成了35rpx。当然,您也可以把图标改成长方形,只需要把width的值调整为您想要的尺寸,比如:width: 105rpx; height: 35rpx;。

.zan-noticebar__left-icon>.image {
width: 35rpx;
height: 35rpx;
}

本站所有内容,如有版权、侵权等问题,请及时联系本站做删除。发布者:聚云网,转载请注明出处:https://www.juyun.top/5586.html

(0)
打赏 微信扫一扫 微信扫一扫
objectobject金牌
上一篇 2020年9月19日 上午12:27
下一篇 2020年9月20日 上午1:02

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

问答社区 在线客服
咨询电话

iphone 咨询热线:13001069197

服务时间:上午 9:00 至晚上 21:00

联系我们

qq 技术:109033286

qq 运维:3423710838

email 邮箱:drhxxkj@163.com

2022072119482661 808026766

分享本页
返回顶部
上云攻略全知道

企业上云,购买云服务器攻略帮您节省上云成本,价值千元 的上云攻略,让您省到就是赚到!

查看详情