小程序引入阿里icon

第一步：打开https://www.iconfont.cn/home/index选择icon

第二步：添加至购物车,然后下载至项目

第三步：将下载的文件里iconfont.css重命名为iconfont.wxss，并拷贝到app.wxss中或引入@import “./style/iconfont.wxss”;
第四步：修改iconfont.wxss的@font-face：点击查看在线链接，复制代码，替换@font-face
第五步：使用：

<view><text class="iconfont icon-gerenzhongxin" style='font-size:100rpx;color:orange'></text><text class="iconfont icon-tubiao-" style='font-size:100rpx;color:lightBlue'></text><text class="iconfont icon-xianxingkache" style='font-size:100rpx;color:lightGreen'></text><text class="iconfont icon-xianxingjiangpai" style='font-size:100rpx;color:pink'></text>
</view>

小程序引入阿里icon相关推荐

小程序引入阿里矢量图
大家好,又和大家见面了,今天给大家分享的是小程序如何引入阿里矢量图库,现在想想已近迫不及待拉吧,那么大家跟我来吧! 1.准备:阿里矢量图 http://iconfont.cn/help/detail? ...
微信小程序引入外部icon（阿里巴巴矢量图标）
1.实现效果 2.实现步骤阿里巴巴矢量图标库搜索想要的图标,添加购物车. 添加进自己的项目中获取代码(注意:当项目更新之后,该代码也需更新) 3.实现代码新建一个iconFont.wxss,复 ...
微信小程序把阿里icon变为组件
js文件: // components/icon/iconfont.jsComponent({/*** 组件的属性列表*/properties: {size: String,color: String ...
小程序引入icon的三种方式
小程序引入icon的三种方式(原生图标.WeUI图标组件.iconfont图标) 原生图标小程序里原生图标是通过icon标签来引入的: <icon type="success&quo ...
微信小程序使用阿里矢量图自定义icon
在微信小程序中使用icon 1.在阿里矢量图官网选好图标加入我的项目,在项目中点击Font class和查看在线链接, 2.然后会生成链接地址,点击进入 3.复制代码 4.在微信开发者工具中创建样式文 ...
打通高德、UC、微博，支付宝小程序组建“阿里联盟军”对抗微信小程序？| 技术头条...
作者丨Suvi 责编 | 伍杏玲本文经授权转载自晓程序速报(ID:xcxsubao) [CSDN 编者按]支付宝小程序虽起步时未占到先机,但其后劲十足,近期更是频频发力,大有后来者居上之势.例如阿里 ...
微信小程序使用阿里彩色图标
微信小程序使用阿里彩色图标首先全局安装 iconfont-tools 1.先windows+R打开cmd命令窗口 2.输入npm i -g iconfont-tools 3.下载自己要使用的彩色图标 ...
微信小程序引入阿里巴巴图标库（不下载）
微信小程序引入阿里巴巴图标库(不下载)@TOC 阿里图标地址:https://www.iconfont.cn 第一步:选择资源管理-我的项目-选择Font class-查看在线链接-点击下方css链接 ...
微信小程序引入iview weapp
微信小程序引入iview weapp 1. 下载iview 方式1:前往github下载 iview下载地址方式2:在项目中通过npm引入 2. 引入下载好的文件解压文件,目录如下将其中的dis ...

小程序引入阿里icon

小程序引入阿里icon相关推荐

最新文章

热门文章