GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → flyw → Weapp Fontawesome Component

flyw / Weapp Fontawesome Component

Licence: mit
微信小程序的 fa 图标模块

Labels

csscomponentweappwxappfontawesome

Projects that are alternatives of or similar to Weapp Fontawesome Component

Weapp
🐧 微信小程序组件和功能封装，基于微信Component自定义组件开发
Stars: ✭ 235 (+1019.05%)
Mutual labels:  weapp, wxapp, component
Weapp One
ONE·一个|图文 微信小程序/开源代码
Stars: ✭ 295 (+1304.76%)
Mutual labels:  weapp, wxapp
wxapp-api-interceptors
微信小程序api拦截器
Stars: ✭ 99 (+371.43%)
Mutual labels:  weapp, wxapp
Okam
Mini program development framework
Stars: ✭ 399 (+1800%)
Mutual labels:  weapp, wxapp
wxapp-computed
在微信小程序中使计算值(computed)
Stars: ✭ 20 (-4.76%)
Mutual labels:  weapp, wxapp
wxbizdatacrypt
微信小程序加密数据解密算法Go版
Stars: ✭ 132 (+528.57%)
Mutual labels:  weapp, wxapp
Wxapp Boilerplate
使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
Stars: ✭ 367 (+1647.62%)
Mutual labels:  weapp, wxapp
weapp-OpenRadio
A base music weapp named OpenRadio for wechat. Can use on weapp getting started.
Stars: ✭ 14 (-33.33%)
Mutual labels:  weapp, wxapp
Wux Weapp
🐶 一套组件化、可复用、易扩展的微信小程序 UI 组件库
Stars: ✭ 4,706 (+22309.52%)
Mutual labels:  weapp, wxapp
Leshare Seller Wepy
基于小程序的店铺商家管理端，采用wepy框架开发
Stars: ✭ 687 (+3171.43%)
Mutual labels:  weapp, wxapp
Min Cli
Min 小程序组件化解决方案
Stars: ✭ 807 (+3742.86%)
Mutual labels:  weapp, component
weapp.request
为微信小程序提供的网络请求组件，是 wx.request 的扩展，基于 Promise API，添加缓存控制
Stars: ✭ 29 (+38.1%)
Mutual labels:  weapp, wxapp
wxapp-boilerplate
微信小程序开发脚手架 (ES6, Redux, Immutable-js, Async/await, Promise, Reselect, Babel, ESLint, Stylelint, Gulp ... )
Stars: ✭ 35 (+66.67%)
Mutual labels:  weapp, wxapp
xdk-cli
微信小程序cli脚手架，目前提供的功能有：快速创建启动模版功能【页面 / 组件】， 自动发布体验版功能，设置版本号/版本描述功能，自定义指令功能
Stars: ✭ 43 (+104.76%)
Mutual labels:  weapp, wxapp
mobx-wxapp
在小程序中使用mobx
Stars: ✭ 54 (+157.14%)
Mutual labels:  weapp, wxapp
Minui
基于规范的小程序 UI 组件库，自定义标签组件，简洁、易用、工具化
Stars: ✭ 3,512 (+16623.81%)
Mutual labels:  weapp, component
Alaweb
一套 Vue 代码，多端可用(H5、小程序、苹果App、安卓App、头条等）。系统含150+页面，200+组件(5端通用)，30+元件(每个终端独立完成)
Stars: ✭ 837 (+3885.71%)
Mutual labels:  weapp, wxapp
Wechat web devtools
微信开发者工具(微信小程序)linux完美支持
Stars: ✭ 2,664 (+12585.71%)
Mutual labels:  weapp, wxapp
Wechat Weapp Mapdemo
微信小程序开发mapdemo，地图导航、marker标注
Stars: ✭ 491 (+2238.1%)
Mutual labels:  weapp, wxapp
Miniapp
微信小程序服务端 SDK (for Golang)
Stars: ✭ 815 (+3780.95%)
Mutual labels:  weapp, wxapp
View All Similar Projects ➔

weapp-fontawesome-component

微信小程序的 fa 图标模块，项目使用 fa 的 4.x 版本

安装说明

  1. 将 src/components 中的文件复制到项目中的 components 路径下.

加载说明

  1. 在需要引入的 页面（Page） 或者 模块（Components） 中引入这个模块
    1. 编辑页面/模块中的 json 文件
    2. 在 json 文件中添加如下内容
    {
  ...
  "usingComponents": {
    ...
    "fa": "../<PATH_TO_YOUR_COMPONENT_ROOT>/includes/fa/index",
    ...
  }
  ...
}

用法

基本用法和fa 用法类似，下面列出一些用法是之前项目开发时候用到的，确认可以使用，其他用法请自行测试。

基本图标

在 wxml 中使用 fa 标签：Example：

<fa icon="fa fa-home"></fa>

大图标

<fa icon="fa fa-home fa-lg"></fa> fa-lg
<fa icon="fa fa-home fa-2x"></fa> fa-2x
<fa icon="fa fa-home fa-3x"></fa> fa-3x
<fa icon="fa fa-home fa-4x"></fa> fa-4x
<fa icon="fa fa-home fa-5x"></fa> fa-5x

堆叠图标

<fa icon="fa-stack fa-lg">
    <fa icon="fa fa-user-o fa-stack-1x"></fa>
    <fa icon="fa fa-circle-thin fa-2x fa-stack-2x"></fa>
</fa>

图标颜色

组件集成了一些bootstrap 4 的默认颜色，可以直接调用

<fa icon="fa fa-ban text-danger"></fa>

参考来源

80percent/wechat-weapp-font-awesome

southyou/wxcss-fontawesome

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].