首页 > 编程语言 >微信、支付宝小程序引入阿里巴巴矢量图库

微信、支付宝小程序引入阿里巴巴矢量图库

时间:2024-05-28 18:11:09浏览次数:24  
标签:支付宝 图库 阿里巴巴 微信 矢量 iconfont 引入

阿里巴巴矢量图标库:https://www.iconfont.cn/
第一步:生成fontclass地址

将喜欢的icon加入购物车

将购物车中的图标添加至项目

获取项目的Font class地址,打开连接,并复制内容

第二步:引入字体

将Font class内容粘贴到微信小程序项目中

assets/iconfont/iconfont.axss   (后缀名根据项目使用的禁用修改  这里是支付宝小程序的  微信是.wxss)

 在 app.wxss 文件中引入字体

@import './assets/iconfont/iconfont.acss'; (注意路径是否要修改)

第三步:使用字体图标

第一个为 iconfont, 第二个为样式库的类名

<text class='iconfont icon-shaixuan search_choose'></text>

标签:支付宝,图库,阿里巴巴,微信,矢量,iconfont,引入
From: https://www.cnblogs.com/xiaoxiao2017/p/18218606

相关文章

  • 公司如何监控到电脑端微信聊天记录的?
    在当今职场环境中,确保信息交流的安全性和合规性成为了企业管理中的重要议题。特别是在使用像微信这样的即时通讯工具进行工作沟通时,合理监控员工的电脑端微信聊天记录成为了一些企业的管理需求。但值得注意的是,此类监控必须建立在合法合规的基础上,尊重员工隐私,并确保信息的正......
  • vue+uniapp框架开发的电影评分系统 微信小程序
    前端:vue语法,uniapp框架,微信小程序后端:springboot,java数据库:mysql环境:intellijidea,支持eclipse前端技术:Vue+elementui、Html、CSS语言框架:springbootjava+spring、mybatis、Springmvc数据库:mysql代码结构讲解如下config:主要用来存储配置文件,以及其他不怎么动用的信......
  • 微信小程序毕业设计-校园综合服务系统项目开发实战(附源码+论文)
    大家好!我是程序猿老A,感谢您阅读本文,欢迎一键三连哦。......
  • 微信小程序毕业设计-校车购票系统项目开发实战(附源码+论文)
    大家好!我是程序猿老A,感谢您阅读本文,欢迎一键三连哦。......
  • 企业微信H5授权登录
    在企业中如果需要在打开的网页里面携带用户的身份信息,第一步需要获取code参数如何实现企业微信H5获取当前用户信息即accessToken?1.在应用管理--》创建应用2.创建好应用,点击应用主页-》设置-》网页-》将授权链接填上去官方文档可以看这---->构造网页授权链接-接口文档-......
  • Springboot计算机毕业设计学生考勤管理微信小程序【附源码】开题+论文+mysql+程序+部
    本系统(程序+源码)带文档lw万字以上 文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展,高校教学管理日益向数字化、智能化方向转变。传统的考勤管理方式不仅效率低下,而且容易出现误差,已无法满足现代高校管理的需求......
  • uniapp 微信小程序 登录时 记住账号、密码
    登录时,记住账号和密码。点击radio取消,就取消账号密码记住radio点击checkedTap1(){ this.radioPactChecked=!this.radioPactChecked },点击登录login(){ if(this.radioPactChecked){ this.loading=true this.$H.post('/login',{ "username":th......
  • 【WeTool升级版】WeTool最新版安装及功能使用教程,wetool企业版怎么收费,wetool电脑版怎
    今天给大家推荐一款我们目前在使用的电脑群发工具掘金小蜜,不仅可以无限多开,方便你同时管理多个账号,群发功能更是十分强大,轻松释放你的双手。掘金小蜜(只支持Win7及以上操作系统,没有推Mac版和手机客户端。软件下载地址>>点击此处​群发功能下载打开登录,这是账号登录进去后的......
  • linux.wine WINE9安装微信失败案例
    之前没有安装成功是因为apt自带的wine版本过低准备安装wine9试试 一、apt安装编译工具sudoapt-getinstallbuild-essentialgitwgetlibssl-devlibxml2-devlibasound2-devlibx11-devlibxext-devlibxtst-devlibpulse-devlibdbus-1-devlibfontconfig1-devlibfreet......
  • 微信小程序—轮播图+背景变化
    <viewclass="tab-list-movie"style="background:{{bgColor[swiperIndex]}}"><swiperclass="movie-swiper"autoplayinterval="3000"circularindicator-dotsindicator-active-color="white"bindchange=&q......