【子比美化】手机底部Tab栏美化

【子比美化】手机底部Tab栏美化-游小二
【子比美化】手机底部Tab栏美化
30
文章过期提示
温馨提示: 每日登录积分+10,回帖积分+5,资源投稿审核通过积分+50可免费查看所有积分付费内容。

效果图

 

20250509002341705-bcb624c627532abec949005e169d863b

20250509002341100-c8fc84efcaa5c5700a4b383123546bf1

第一步

打开子比主题后台-自定义css 将下面代码添加到自定义css

.moxing-icon{
position: absolute;
bottom:15px;
left: 50%;
transform: translateX(-50%);
background-color: var(--main-bg-color);
border-radius:50%;
border:7px solid var(--main-bg-color);
}

第二步

打开子比主题后台 全局功能 手机底部Tab 找到add发布按钮 将按钮的svg改为圆角按钮,演示图同款svg,如果不用同款图标就要在svg标签里面的class里面添加上moxing-icon这个属性,否则如果有其他发布板块图标会错位

第三步

将下面的图标大小改为55px

20250509002704445-32849c2f278be582ddf08aca61776968

THE END
分享
评论 抢沙发

请登录后发表评论

    暂无评论内容