CorePress 手机TAB教程

最近果核对CorePress发布更新1.5.1,很多伙伴对主题中设置很苦恼,这篇文章来解决主题的TAB的问题!!

TAB图标

根据果核的文档图标支持设置字体图标,或者图片(本主题仅放了图片非图标)

图标建议使用Font Awesome点我前往

图片建议使用Iconfont点我前往

注:本站使用的阿里svg,如有疑问可向站长咨询!

图标设置

选择一个需要的图标,点击开以后,点击复制下图所示代码,填入到图标数据文本框即可

CorePress 手机TAB教程插图

设置颜色

 

例如,你获取到的代码,是这样的

<i class="fas fa-yin-yang"></i>

 

修改代码为

<i class="fas fa-yin-yang" style="color:#2eb3ff"></i>

 

其中,#2eb3ff,是颜色代码值,需要什么颜色,自行获取颜色代码获取网站,获取到的颜色值,替换上面的颜色值代码即可

 

图片设置

 

CorePress 手机TAB教程插图1

下载完svg后在网站根目录创建img文件,把下载的图标放入img并引用到tab导航中(域名/img/**.svg)

 

TAB居中

近期更新的tab果核用的flax是向右10px,果核也给了解决办法完美的解决!

CorePress 手机TAB教程插图2

 

.phone-tabs .phone-tabs-list .tabs-item{justify-content: center;}

 

 

版权声明 1 本网站名称:前端大咖
2 本站永久网址:https://www.dakablog.cn
3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ2091978320进行删除处理。
4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
分享
海报
CorePress 手机TAB教程
最近果核对CorePress发布更新1.5.1,很多伙伴对主题中设置很苦恼,这篇文章来解决主题的TAB的问题!! TAB图标 根据果核的文档图标支持设置字体图标,或者图……
<<上一篇
下一篇>>