码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 微信小程序引入阿里巴巴iconfont图标并使用


    介绍

    在小程序里,使用阿里巴巴的图标,如下所示:
    在这里插入图片描述

    使用方式

    1. 搜索自己需要的图标,然后将需要用到的图标加入购物车,如下图所示:
      在这里插入图片描述
    2. 去右上角,点击购物车按钮;这里第一次使用,会有三个提示,选择 添加至项目 即可。 然后选择新增按钮,新建项目名字。如下所示:
      在这里插入图片描述
    3. 跳转到项目页面,选择 下载至本地,如下所示:
      在这里插入图片描述
    4. 将下载后的压缩包,解压缩,然后将名为iconfont.css 的文件改名为 iconfont.wxss,再在小程序的项目里新增名为style 的文件夹,并在文件夹下,新增名为 iconfont 的文件夹,并将压缩包里的所有文件复制到该文件夹下。如下所示:
      在这里插入图片描述
    5. 点击阿里巴巴项目里的 unicode选项,点击下面的生成代码,然后复制代码,将该代码复制到项目里, iconfont.wxss配置中,进行替换,如下所示
      在这里插入图片描述
      在这里插入图片描述
    6. 在 app.wxss 中,导入刚刚的文件,如下所示
      在这里插入图片描述
    7. 然后就可以在页面进行使用,使用方式如下所示,加上对应的icon名称即可
    <text class="iconfont icon-xihuan"></text>
    
    • 1
  • 相关阅读:
    emcc emsdk install
    openssl中SM2、SM3、SM4使用实例
    再见SpringCloud,这个架构挺猛,甚至干掉Dubbo
    怎么快速入手薪资Schema?
    CVE-2022-42475-FortiGate-SSLVPN HeapOverflow 学习记录
    2023-11-17 服务器开发-性能分析-intel-vtune-安装
    Linux 定时器使用
    (附源码)计算机毕业设计SSM家政服务系统
    RabbitMQ应用场景
    Object和Function是函数,函数都有一个prototype属性
  • 原文地址:https://blog.csdn.net/Shivy_/article/details/133859823
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号