App内字体图标

此文档系sliver_wp_app文档,sliver_wp_app是由重庆三重山网络科技有限公司专为WordPress定制的一款手机APP,整套APP采用模块化+布局页面设计,可以胜任任何类型的APP产品,同时本产品采用flutter打造,一套代码可以兼容ios、安卓、h5等多个台。

说明

sliver_wp_app内字体图标引用了以下图标库:

  1. fontawesome :https://fontawesome.com/
  2. google : https://api.flutter.dev/flutter/material/Icons-class.html#constants

后台设置

后台设置分为图标字体样式,两个设置项使在每种图标包下均有不同

fontawesome

要使用fontawesome图标,后台需要填写图标的地方一律填写 encode 码

设置图标

点击一个图标:

复制unicode编码:

此时复制得到:e1b0 填入设置即可

字体样式

字体样式如下:

你要使用什么类型的就填如什么类型就可以了,例如这里使用 solid ,就填写:solid(首字母小写)

注意字体样式只支持:

  • regular
  • solid
  • brands

并且部分图标也许不支持上述的某一个样式,建议在发布正式版时先配置好图标,比如示例中的这个图标就仅支持solid。如果你想实现点击之前和点击之后是两种效果,可以考虑几个个图标库一起搭配使用。

Google图标

谷歌图标使用也是填入encode码,但是查找图标比较繁琐,暂时还没有找到好的解决方案(建议可以使用浏览器自带的搜索功能,查找图标会稍微快一点)。

图标设置

打开网址:

复制encode码得到:0xe4c4 去除 0x 得到 e4c4 填入即可。

字体样式

  • google

给TA打赏
共{{data.count}}人
人已打赏
APP文档

修改APP名称:安卓

2021-9-29 8:55:59

APP文档

APP页面布局

2022-6-21 13:53:43

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索