1. 云期刊首页
  2. 建站教程

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

萤火小程序修改公告栏图标大小及字号大小的方法很简单,只需要修改\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.yunqikan.cn/5586.html

发表评论

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

问答社区 在线客服
联系我们

QQ 技术:109033286

QQ 运维:3423710838

email 邮箱:drhxxkj@163.com

Qqun QQ交流群:808026766

分享本页
返回顶部