uni-app怎么使用uni-icons

server/2024/9/24 18:29:20/

首先在官网(uni-icons 图标 | uni-app官网)中找到下载地址

uni-icons 图标 - DCloud 插件市场

把这个插件下载下来。目录结构是这样的。我们找到uni_modules

把里面的uni-icons粘贴到自己的项目中 

我是放在了我的components下面了

 

然后再页面中引用这个vue的组件并对照着官网把他的type找到就可以了

import uniIcons from '@/components/uni-icons/uni-icons.vue'
<uni-icons size="18" type="arrow-down" />

http://www.ppmy.cn/server/118884.html

相关文章

【组件】前端js HEIC/HEIF 转换为JPEG、PNG或GIF格式 苹果格式

【组件】前端js HEIC/HEIF 转换为JPEG、PNG或GIF格式 Heic2any: Client-side conversion of HEIC/HEIF image files to JPEG,PNG, or GIF in the browser.https://alexcorvi.github.io/heic2any/#demo GitHub - alexcorvi/heic2any: Converting HEIF/HEIF image formats to PN…

Web植物管理系统-下位机部分

本节主要展示上位机部分&#xff0c;采用BSP编程&#xff0c;不附带BSP中各个头文件的说明&#xff0c;仅仅是对main逻辑进行解释 main.c 上下位机通信 通过串口通信&#xff0c;有两位数据验证头&#xff08;verify数组中保存对应的数据头 0xAA55) 通信格式 上位发送11字节…

Leetcode—合并两个有序数组

题目描述 思路 思路&#xff1a;创建三个指针&#xff0c;L1指向num1最后一个有效数据的位置&#xff0c;L2指向num2最后一个有效数据的位置&#xff0c;L3指向num1最后一个位置。比较L1和L2位置的数据&#xff0c;谁大&#xff0c;谁往L3的位置放数据。 画图解释 创建三个指…

VUE + NODE 历史版本安装

以node 12.20.0为例子&#xff0c;想下载哪个版本&#xff0c;后面写哪个版本 https://registry.npmmirror.com/binary.html?pathnode/v12.20.0/ 安装国内镜像7.1.0 cnpm npm install -g cnpm7.1.0 -g --registryhttps://registry.npmmirror.com 安装vue脚手架4.5.15 cnpm …

客户端(服务器下载文件)

一、客户端代码 客户端代码 //实现TCP客户端通信 #include<stdio.h> #include<unistd.h> #include<sys/stat.h> #include<sys/types.h> #include<sys/socket.h> #include<string.h> #include<netinet/ip.h> #include<netinet/in…

从零到一,数字文创IP是如何在基地中孵化成长的?

在数字时代的浪潮下&#xff0c;数字文创IP孵化基地正成为培育创新的肥沃土壤&#xff0c;见证着一个个数字文创 IP 从无到有、茁壮成长。 数字文创IP孵化基地首先为创意的萌发提供了空间。这里汇聚了各路富有创造力的人才&#xff0c;他们的思想在这里碰撞&#xff0c;灵感的火…

MybatisPlus的一点了解

1.MybatisPlus使用&#xff1a; &#xff08;1&#xff09;Serializable id 这种参数要怎么传入值&#xff0c;对应的底层调用和数据库表格命名和实体类映射之间有什么关系 在 Java 中&#xff0c;Serializable 是一个标记接口&#xff0c;它表示一个类的实例可以被序列化&am…

SQL进阶的技巧:如何实现某列的累计乘积?

目录 0 场景描述 1 数据准备 2 问题分析 3 完全情况查询 4 小结 0 场景描述 在做数据处理的时候,尤其是复利累积的时候,有时候会有这样一场景,通过某种条件找到一列数据[X1,X2,X3...Xn],然后想要求y=X1X2X3...Xn。下面给出一个具体案例来详细解释这一问题,如下图所示…