文章 2023-11-20 来自:开发者社区

Vue3 封装 element-plus 图标选择器

一、实现效果效果一:效果二:效果一的这个是把全部的icon图标都让它显示出来,让我们自己选择说选图标二、效果一实现步骤2.1. 全局注册 icon 组件// main.ts import App from './App.vue'; import { createApp } from 'vue'; import * as ElementPlusIconsVue from '@element-plu....

Vue3 封装 element-plus 图标选择器
文章 2023-11-16 来自:开发者社区

Vue项目实战(09)- svg图标的使用

1. 引言在前面的章节,已经讲解了部分vue-element-admin的知识:《Vue项目实战(01)-vue-element-admin项目结构分析》《Vue项目实战(02)-Vuex状态管理模式》《Vue项目实战(03)-alias》《Vue项目实战(04)-axios封装》《Vue项目实战(05)-多环境配置》《Vue项目实战(06)- 钩子方法触发失败的解决》《Vue项目实战(07)-....

Vue项目实战(09)- svg图标的使用
文章 2023-10-20 来自:开发者社区

vue3+vite项目中使用svg图标

引言项目中有很多地方需要用到svg图标,Element Plus 组件库提供了一套常用的图标,但是往往不能满足需求,而网上比较全的就是阿里图标库,下面就介绍如何将阿里图标库中的svg图标引入到自己的项目中。1. vite-plugin-svg-icons插件本文的项目使用vue3+vite来构建,可以使用第三方的vite-plugin-svg-icons插件,来引入svg图标。安装安装vite-....

vue3+vite项目中使用svg图标
文章 2023-08-03 来自:开发者社区

Vue3 antdv 如何动态渲染 icons-vue 图标(a-icon 不支持了)

在 vue3 中 antdv 已经放弃 <a-icon type='xxx'> 的用法了。antdv icon 官方文档 中有 正常的组件用法、自定义方式的 iconfont 用法 … 其中 iconfont 这种也是可以达到以前版本的 <a-icon /> 效果,只是图标都需要自行提供,如果想要直接使用官方新版本自带的所有 icon,只能另外的方式处理了。// 初始化相....

文章 2023-07-19 来自:开发者社区

在 Vue 3 中使用阿里巴巴矢量图标库

原文合集地址如下,有需要的朋友可以关注 本文地址 合集地址 在项目中基本会用到图标,比较常见的就是阿里图标库。这篇文章主要介绍如何在vue3中使用图标库。 下载并全局注册自定义图标库 手动下载阿里巴巴矢量图标库的字体文件: 在阿里巴巴矢量图标库网站上选择您需要的图标,并将其添加到购物车。 然后下载文件。 解压下载的文件,将字体文件复制到您的 Vue 3 项目...

在 Vue 3 中使用阿里巴巴矢量图标库
文章 2023-07-11 来自:开发者社区

vue3制作地图,可接口,图标可调

AMapLoader.load({ key: "346e4aa4dc6444f5a7f69bf1ff66ca1a", // 申请好的Web端开发者Key,首次调用 load 时必填 version: "1.4.15", // 指定要加载的 JSAPI 的版本,缺省时默认为 1.4.15 plugins: [], // 需要使用的的插件列表,如比例尺'AMap.Scale'等 AM...

文章 2023-06-29 来自:开发者社区

vue3+vite 使用icon阿里巴巴矢量图标

下载矢量图标将解压后的文件放进vue3项目的assets下引入图标添加公共样式(全局只添加一次)在页面上使用,更改icon的图标名为对应的图标名效果

vue3+vite 使用icon阿里巴巴矢量图标
文章 2023-06-09 来自:开发者社区

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

添加喜欢的图标方式一:本地方式将图标引入到vue项目在main.js文件中引入阿里巴巴矢量图标库的css文件使用图标,注意加上iconfont前缀效果方式二:使用在线方式引入图标到vue项目使用方式同本地方式

vue项目引入阿里巴巴矢量图标库图标及其使用教程
文章 2023-04-22 来自:开发者社区

Vue/vant——使用阿里巴巴矢量图引入图标

这里采用第二种方法只需引入一个css文件即可,在main.js中导在线更改css中的路径名复制并替换下载好的css文件 更改路径加一个https: 引入外加名称 即可成功

Vue/vant——使用阿里巴巴矢量图引入图标
文章 2023-04-22 来自:开发者社区

Vue 修改网页标题和图标

Vue 修改网页标题和图标  开发环境 Win 10 Vue 2.5.2需求描述如下,想更改网页的标题和图标  解决方法编辑项目根目录下的index.html,如下:更改标题:修改<title>元素内容即可 修改图标:把要修改的图片放static目录下(注意:图片不能放src目录下,亲测无效),然后添加<Li....

Vue 修改网页标题和图标

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注