Font Awesome 是一个基于 CSS 和 LESS 的字体图标工具包。可以轻松的用 css 来控制字体的颜色,大小,阴影等。关于Font Awesome ,更多信息可以访问这里:
带你了解字体和图标工具包——Font Awesome
https://www.zhuige.com/news/1010.html
为了更方便在追格小程序中的使用字体图标,追格为用户提供了简单的Font Awesome 字体图标的引入方式,详细操作流程如下:
1.下载 Font Awesome 字体组件,本字体组件基于Font Awesome 4.7.0压缩
链接: https://pan.baidu.com/s/1tmghsXt-UfUk7gASiNhDhw?pwd=hq5x
提取码: hq5x
2.追格小程序项目根目录新建 font 目录
3.解压文件后,将font-awesome.css和FontAwesome.tt两个文件拷贝到 font 目录中
4.修改App.vue,在css调用后增加以下代码,即可以正常使用Font Awesome 字体图标了
@import "font/font-awesome.css";
以下为Font Awesome 字体图标网址,供大家参考其包含的图标,方便项目中调用
http://www.fontawesome.com.cn/
在调用Font Awesome 字体图标时,可以使用text,i,view等标签增加对应的class即可
字体图标在追格中应用的简单范例,这里仅用特殊标签图标做展示
<view class="zhuige-block">
<view class="zhuige-tags-group">
<view class="zhuige-social-address">
<view>
<text class="fa fa-camera-retro" aria-hidden="true"></text>
<view>摄影小组</view>
</view>
</view>
<view class="zhuige-social-address">
<view>
<text class="fa fa-fire" aria-hidden="true"></text>
<view>本周最热</view>
</view>
</view>
<view class="zhuige-social-address">
<view>
<text class="fa fa-motorcycle" aria-hidden="true"></text>
<view>摩旅一族</view>
</view>
</view>
</view>
更多如何应用Font Awesome 字体图标的方式,我们会在后续的教程里与大家分享。
-
追格小程序V2.2.0两大亮点来袭,你准备好了吗?追格小程序终于迎来了两大全新功能模块的华丽登场!它们分别是圈子(圈主)管理模块和付费推广模块。
-
一为导航主题(One Nav)和追格小程序冲突的解决方法近期有小伙伴反馈,在一为导航主题(One Nav)上面安装追格小程序后,报错如下
-
如何通过链接进入小程序如何通过链接进入小程序
-
应互联网信息内容主管部门要求,建议在[小程序开发者后台-管理-成员管理]处将手机号信息补充完整后再提交代码审核追格小程序交流群里,用户反馈小程序提交审核后被驳回,提示:应互联网信息内容主管部门要求,建议在[小程序开发者后台-管理-成员管理]处将手机号信息补充完整后再提交代码审核。
-
追格小程序“隐私设置”模块调价通知调整内容:感谢您一直以来对追格的关注和支持!随着开发维护等服务成本不断增加,经慎重考虑,现决定于2024年4月29日,将追格小程序“隐私设置”模块价格做以下调整:
-
追格小程序 V2.3.0更新发布商家名片模块等功能追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,代码免费开源不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
暂无评论,抢个沙发...