之前,我们像大家介绍了Font Awesome 字体图标的由来和应用场景,也给大家提供了适用于追格小程序的 Font Awesome 字体组件。
关于Font Awesome 字体图标,更多信息可以访问这里:
https://www.zhuige.com/news/1010.html
接下来我们在追格小程序的实际应用中看如何用Font Awesome 字体图标美化自己的小程序。
如何在追格中引用Font Awesome 字体,可以按照这篇文章操作,把Font Awesome 字体组件配置好
https://www.zhuige.com/news/1009.html
以追格小程序的发布页为例,打开文件
/pages/bbs/post/post.vue
首先对页面结构调整,找到代码
<view class="zhuige-post-line">
<view>选择圈子:</view>
增加Font Awesome图标结构,修改为
<view class="zhuige-post-line">
<view>
<text class="fa fa-users" aria-hidden="true"></text>
<text>圈子:</text>
</view>
参考这个修改,将这两部分也修改为Font Awesome图标
<view>你的位置:</view>
改为
<view>
<text class="fa fa-map" aria-hidden="true"></text>
<text>位置:</text>
</view>
<view>动态话题:</view>
改为
<view>
<text class="fa fa-hashtag" aria-hidden="true"></text>
<text>话题:</text>
</view>
然后增加css
.zhuige-post-line>view:nth-child(1) text:nth-child(1) {
margin-right: 12rpx;
}
我们就可以得到如下效果
这里的,fa-hashtag,fa-map,fa-users是我们选择应用的Font Awesome图标,可以结合你自己的小程序风格和喜好进行修改
在Font Awesome中文网,你可以选择更多图标样式。
-
追格小程序 私信等功能更新发布追格小程序是一个积木式小程序搭建框架,基于Uniapp+WordPress开发的微信小程序,框架免费开源,代码不加密且支持二开,安装追格相应扩展模块(模块支持按需购买),简单配置即可快速搭建不限于圈子社区、知识付费、活动报名、资讯等类型小程序。
-
追格知识付费小程序 新增音频播放时切换页面可继续播放功能追格知识付费小程序,基于追格小程序搭建,用到插件模块如:付费课程专栏、VIP会员、积分体系、追格块及追格小程序基础框架。助力中小企业主实现内容、粉丝与资源变现,支持图文/音视频课程、支持付费阅读/积分阅读/试阅读。无需开发,快速搭建知识付费小程序坐收红利。
-
追格小站点评主题“H5资讯列表”标题调整为两行或多行的方法追格小站点评主题资讯列表的标题在H5模式下默认为一行,超出隐藏,我们可以通过调整css,将WordPress主题小站点评资讯列表标题调整为两行显示。
-
WordPress限制评论间隔时间的方法WordPress关于评论的问题,追格小编分享过多篇。垃圾评论防不胜防,那我们如何限制评论间隔的时间?
-
追格小程序绑定手机号提示缺少参数之微信获取手机号接口安全更新追格小程序绑定手机号提示缺少参数,追格小编检查代码并无异常,可能还是配置问题。
-
微信小程序开源框架市面上有很多优秀的微信小程序开源框架,常见的多半是前端框架,比如:vant-weapp、wux-weapp、Taro等等。
暂无评论,抢个沙发...