AI 助理
备案控制台登录注册
开发者社区 开发与运维 文章 正文

vue项目引入阿里巴巴矢量图标库图标及其使用教程

2023-06-09 2264 发布于吉林
版权
举报
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： vue项目引入阿里巴巴矢量图标库图标及其使用教程

添加喜欢的图标


方式一：本地方式将图标引入到vue项目

在main.js文件中引入阿里巴巴矢量图标库的css文件

使用图标，注意加上iconfont前缀

效果


方式二：使用在线方式引入图标到vue项目

使用方式同本地方式

文章标签：
JavaScript
前端开发
关键词：
项目VUE.js
VUE.js项目
vue项目VUE.js
项目教程VUE.js
教程VUE.js
HelloDam
+关注
129文章
目录
打赏
0
0
0
0
14
分享
相关文章
卓伊凡
|
6天前
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
卓伊凡
102 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
卓伊凡
|
1月前
|
前端开发 JavaScript Java
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
卓伊凡
126 13
【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
卓伊凡
|
1月前
|
SQL JavaScript 安全
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
卓伊凡
86 11
【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
勿入红尘啊
|
7天前
|
资源调度 JavaScript 前端开发
Pinia 如何在 Vue 3 项目中进行安装和配置？
Pinia 如何在 Vue 3 项目中进行安装和配置？
勿入红尘啊
27 1
小宋1021
|
3月前
|
JavaScript
vue使用iconfont图标
vue使用iconfont图标
小宋1021
168 1
勿入红尘啊
|
7天前
|
JavaScript 前端开发 算法
vue渲染页面的原理
vue渲染页面的原理
勿入红尘啊
25 1
心疼你的一切
|
1月前
|
移动开发 JavaScript API
Vue Router 核心原理
Vue Router 是 Vue.js 的官方路由管理器，用于实现单页面应用（SPA）的路由功能。其核心原理包括路由配置、监听浏览器事件和组件渲染等。通过定义路径与组件的映射关系，Vue Router 将用户访问的路径与对应的组件关联，支持哈希和历史模式监听 URL 变化，确保页面导航时正确渲染组件。
心疼你的一切
56 9
小华同学ai
|
1月前
|
监控 JavaScript 前端开发
ry-vue-flowable-xg：震撼来袭！这款基于 Vue 和 Flowable 的企业级工程项目管理项目，你绝不能错过
基于 Vue 和 Flowable 的企业级工程项目管理平台，免费开源且高度定制化。它覆盖投标管理、进度控制、财务核算等全流程需求，提供流程设计、部署、监控和任务管理等功能，适用于企业办公、生产制造、金融服务等多个场景，助力企业提升效率与竞争力。
小华同学ai
95 12
心疼你的一切
|
1月前
|
JavaScript 前端开发 开发者
Vue中的class和style绑定
在 Vue 中，class 和 style 绑定是基于数据驱动视图的强大功能。通过 class 绑定，可以动态更新元素的 class 属性，支持对象和数组语法，适用于普通元素和组件。style 绑定则允许以对象或数组形式动态设置内联样式，Vue 会根据数据变化自动更新 DOM。
心疼你的一切
41 3
心疼你的一切
|
1月前
|
JavaScript 前端开发 数据安全/隐私保护
Vue Router 简介
Vue Router 是 Vue.js 官方的路由管理库，用于构建单页面应用（SPA）。它将不同页面映射到对应组件，支持嵌套路由、路由参数和导航守卫等功能，简化复杂前端应用的开发。主要特性包括路由映射、嵌套路由、路由参数、导航守卫和路由懒加载，提升性能和开发效率。安装命令：`npm install vue-router`。
心疼你的一切
34 1

热门文章

最新文章

  • 1
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
    101
  • 2
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    15
  • 3
    Vue Router 核心原理
    13
  • 4
    Vue中的class和style绑定
    7
  • 5
    Vue Router 简介
    2
  • 6
    Pinia 如何在 Vue 3 项目中进行安装和配置？
    16
  • 7
    vue渲染页面的原理
    18
  • 8
    vue3实现高德地图多点标注（so easy）
    25
  • 9
    Vue3配置开发环境和生产环境
    5
  • 10
    ant-design-vue+vite主题切换详细步骤（简单案例）
    9
  • 1
    vue中使用echarts绘制双Y轴图表时，刻度没有对齐的两种解决方法
    978
  • 2
    在vue页面引入echarts,图表的数据来自数据库 springboot+mybatis+vue+elementui+echarts实现图表的制作
    222
  • 3
    WEB前端三大主流框架：React、Vue与Angular
    395
  • 4
    循序渐进VUE+Element 前端应用开发(10）--- 基于vue-echarts处理各种图表展示
    106
  • 5
    前端核心框架Vue指令详解
    60
  • 6
    Vue项目使用ECharts实现图表
    115
  • 7
    如何在vue添加echarts图表
    100
  • 8
    使用Vue+ ECharts进行动态图表展示
    338
  • 9
    Vue引入Echarts图表的使用
    103
  • 10
    探索前端开发框架：React、Angular 和 Vue 的对决(四)
    103

    • 相关课程

    更多
  • Spring Boot+Vue.js+FastDFS实现分布式图片服务器
  • Vue.js 入门与实战
  • Vue.js完全自学手册图文教程
  • jQuery开发教程
  • React 入门教程开发文档
  • 前端开发CSS基础

    • 相关电子书

    更多
  • Vue.js 在前端服务化上的探索与实践
  • Vue.js在前端服务化上的实践与探索
  • 利用编译将 Vue 组件转成 React 组件

    • 相关实验场景

    更多
  • 图表样式智能美化工具
  • 前端开发基础3：CSS3常见显示属性
  • CSS基础教程
    • 下一篇
    通义万相2.1视频/图像模型新升级！可在阿里云百炼直接体验
    目录
    AI助理

    你好，我是AI助理

    可以解答问题、推荐解决方案等