当前位置: 首页 > article >正文

硬件操作指南——ATK-MD0430 V20

使用CC2530控制正点原子ATK-MD0430 V20显示的完整指南

本文将详细介绍如何使用CC2530单片机控制正点原子ATK-MD0430 V20显示屏,包括IAR开发环境的配置、硬件连接、程序编写和调试等完整步骤。

一、开发环境准备

1. IAR开发环境安装与配置

首先需要安装IAR Embedded Workbench for 8051开发环境,这是开发CC2530应用的基础工具:

  1. 安装IAR软件:下载并安装IAR Embedded Workbench for 8051版本,这是专门支持CC2530芯片的开发环境。

  2. 创建工作区

    • 打开IAR软件,选择File → New → Workspace创建一个新工作区。
    • 建议提前建立一个专用文件夹来保存所有相关文件。
  3. 新建工程

    • 选择Project → Create New Project…
    • 选择"Empty project"模板创建空白工程。
    • 为工程命名并指定存储路径。
  4. 配置工程选项

    • 右键点击工程,选择Options…
    • 在General Options → Target → Device information中选择Texas Instruments文件夹下的CC2530F256。
    • 在Linker → Output中勾选"Allow C-SPY-specific extra output file"。
    • 在Extra Output中勾选"Generate extra output file"和"Override default",并将输出文件后缀改为.hex。
  5. 创建C语言文件

    • 选择File → New → File创建新文件。
    • 保存为.c文件(如main.c)并添加到工程中。

2. 硬件准备

  • CC2530开发板:确保你有CC2530开发板或最小系统板
  • ATK-MD0430 V20显示屏:正点原子的4.3寸TFT LCD模块
  • 连接线:根据接口类型准备适当的连接线(通常为排线或杜邦线)
  • 电源:确保为CC2530和显示屏提供适当的工作电压

二、硬件连接

ATK-MD0430 V20显示屏通常有以下接口需要连接:

  1. 电源连接

    • VCC:连接3.3V或5V电源(根据显示屏规格)
    • GND:连接地线
  2. 数据/控制接口

    • 根据显示屏的接口类型(如8080并行接口、SPI或I2C),连接到CC2530的相应GPIO引脚
    • 典型连接方式:
      • RD:读信号
      • WR:写信号
      • RS:寄存器选择
      • CS:片选信号
      • RESET:复位信号
      • DB0-DB15:数据总线(根据显示屏位数可能为8位或16位)
  3. CC2530引脚配置

    • 根据连接方式,在程序中配置相应的GPIO引脚
    • 例如,如果使用P1端口作为数据总线:
      P1SEL &= ~0xFF;  // 设置P1为通用I/O功能
      P1DIR |= 0xFF;   // 设置P1为输出方向
      

三、程序设计

1. 基本程序框架

#include "ioCC2530.h"// 定义显示屏控制引脚(根据实际连接修改)
#define LCD_RS P0_0
#define LCD_WR P0_1
#define LCD_RD P0_2
#define LCD_CS P0_3
#define LCD_RESET P0_4// 数据端口定义(根据实际连接修改)
#define DATA_PORT P1// 延时函数
void delay_ms(unsigned int ms) {unsigned int i, j;for(i = 0; i < ms; i++)for(j = 0; j < 535; j++);
}// 初始化GPIO
void init_gpio() {// 配置控制引脚为输出P0SEL &= ~0x1F;     // P0.0-P0.4设为通用I/OP0DIR |= 0x1F;      // P0.0-P0.4设为输出// 配置数据端口为输出P1SEL &= ~0xFF;     // P1设为通用I/OP1DIR |= 0xFF;      // P1设为输出// 初始化控制信号LCD_CS = 1;LCD_WR = 1;LCD_RD = 1;LCD_RS = 0;
}// 写命令到LCD
void lcd_write_cmd(unsigned char cmd) {LCD_RS = 0;     // 命令模式LCD_CS = 0;     // 选中LCDDATA_PORT = cmd; // 输出命令LCD_WR = 0;     // 产生写脉冲delay_ms(1);LCD_WR = 1;LCD_CS = 1;     // 取消选中
}// 写数据到LCD
void lcd_write_data(unsigned char data) {LCD_RS = 1;     // 数据模式LCD_CS = 0;     // 选中LCDDATA_PORT = data; // 输出数据LCD_WR = 0;     // 产生写脉冲delay_ms(1);LCD_WR = 1;LCD_CS = 1;     // 取消选中
}// LCD初始化
void lcd_init() {// 复位LCDLCD_RESET = 0;delay_ms(100);LCD_RESET = 1;delay_ms(100);// 发送初始化命令序列(根据ATK-MD0430 V20的规格书)lcd_write_cmd(0x01); // 软件复位delay_ms(120);// 更多初始化命令...// 这里需要根据ATK-MD0430 V20的具体规格书添加// 设置显示方向、颜色模式等lcd_write_cmd(0x36); // 存储器访问控制lcd_write_data(0x08); // 参数根据需求设置// 打开显示lcd_write_cmd(0x29); // 显示开启
}// 设置显示区域
void lcd_set_window(unsigned short x1, unsigned short y1, unsigned short x2, unsigned short y2) {// 设置列地址lcd_write_cmd(0x2A);lcd_write_data(x1 >> 8);lcd_write_data(x1 & 0xFF);lcd_write_data(x2 >> 8);lcd_write_data(x2 & 0xFF);// 设置行地址lcd_write_cmd(0x2B);lcd_write_data(y1 >> 8);lcd_write_data(y1 & 0xFF);lcd_write_data(y2 >> 8);lcd_write_data(y2 & 0xFF);// 准备写入GRAMlcd_write_cmd(0x2C);
}// 绘制一个像素点
void lcd_draw_point(unsigned short x, unsigned short y, unsigned short color) {lcd_set_window(x, y, x, y);lcd_write_data(color >> 8);lcd_write_data(color & 0xFF);
}// 清屏
void lcd_clear(unsigned short color) {unsigned int i;lcd_set_window(0, 0, 479, 271); // 假设屏幕为480x272for(i = 0; i < 480 * 272; i++) {lcd_write_data(color >> 8);lcd_write_data(color & 0xFF);}
}// 主函数
void main(void) {// 初始化init_gpio();lcd_init();// 清屏为白色lcd_clear(0xFFFF);// 绘制一个红色点lcd_draw_point(100, 100, 0xF800);// 绘制一个绿色矩形unsigned short i, j;for(i = 150; i < 200; i++) {for(j = 150; j < 200; j++) {lcd_draw_point(i, j, 0x07E0);}}// 主循环while(1) {// 可以添加其他功能}
}

2. 关键功能实现

  1. GPIO配置

    • 使用PxSEL寄存器设置引脚功能(通用I/O或外设功能)
    • 使用PxDIR寄存器设置引脚方向(输入或输出)
    • 使用PxINP寄存器设置输入模式(上拉、下拉或三态)
  2. LCD驱动

    • 需要根据ATK-MD0430 V20的规格书实现正确的初始化序列
    • 实现基本的写命令和写数据函数
    • 实现设置显示窗口和绘制像素点的功能
  3. 显示功能

    • 可以实现更高级的显示功能,如显示字符、字符串、图形等
    • 可以添加触摸屏功能(如果ATK-MD0430 V20支持)

四、调试与优化

  1. 编译与下载

    • 在IAR中点击Project → Compile编译代码
    • 确保没有错误和警告后,连接仿真器下载程序
  2. 调试技巧

    • 使用IAR的调试功能单步执行代码
    • 通过LED或串口输出调试信息
    • 检查硬件连接是否正确
  3. 常见问题解决

    • 如果显示屏无反应,检查复位信号和电源
    • 如果显示异常,检查初始化序列是否正确
    • 如果通信不稳定,检查时序和延时是否满足要求

五、扩展功能

  1. 显示文本

    • 可以添加字库并实现字符显示函数
    • 实现格式化输出功能(类似printf)
  2. 图形界面

    • 实现按钮、菜单等GUI元素
    • 添加触摸屏交互功能
  3. 与CC2530无线功能结合

    • 使用ZigBee无线网络接收数据并显示
    • 实现远程监控界面

六、注意事项

  1. 电源管理

    • 确保CC2530和显示屏的电源稳定
    • 注意电流需求,必要时使用外部电源
  2. 时序要求

    • 严格遵守显示屏的时序要求
    • 必要时使用示波器检查信号时序
  3. ESD防护

    • 操作显示屏时注意防静电
    • 避免在干燥环境中直接触摸电路

通过以上步骤,你应该能够成功使用CC2530控制ATK-MD0430 V20显示屏。根据实际需求,你可以进一步扩展和优化代码,实现更复杂的功能。

LVGL开发教程:基于CC2530和IAR环境

1. 准备工作

1.1 硬件需求

  • CC2530开发板
  • 支持LVGL的显示屏(如SPI接口的TFT屏)
  • 必要的连接线缆

1.2 软件需求

  • IAR Embedded Workbench for 8051
  • LVGL库(最新版本)
  • CC2530驱动程序

2. 环境搭建

2.1 安装IAR

  1. 下载并安装IAR Embedded Workbench for 8051
  2. 确保安装CC2530支持包

2.2 获取LVGL库

  1. 从GitHub获取LVGL最新版本:
    git clone https://github.com/lvgl/lvgl.git
    
  2. 复制lvgl文件夹到你的项目目录

2.3 项目配置

  1. 在IAR中创建新项目
  2. 添加LVGL源文件和头文件路径
  3. 配置编译器选项:
    • 启用C99模式
    • 设置适当的优化级别

3. LVGL移植

3.1 配置文件修改

修改lv_conf.h文件:

#ifndef LV_CONF_H
#define LV_CONF_H#define LV_COLOR_DEPTH 16
#define LV_HOR_RES_MAX 128
#define LV_VER_RES_MAX 64
#define LV_USE_PERF_MONITOR 1
#define LV_MEM_SIZE (32U * 1024U)  // 根据CC2530内存调整

3.2 硬件接口实现

创建lv_port_disp.clv_port_indev.c文件:

// lv_port_disp.c 示例
#include "lvgl.h"
#include "hal.h"  // 你的硬件抽象层static void disp_flush(lv_disp_drv_t * disp_drv, const lv_area_t * area, lv_color_t * color_p) {// 实现屏幕刷新函数tft_set_address(area->x1, area->y1, area->x2, area->y2);tft_write_data((uint8_t *)color_p, (area->x2 - area->x1 + 1) * (area->y2 - area->y1 + 1) * 2);lv_disp_flush_ready(disp_drv);
}void lv_port_disp_init(void) {static lv_disp_draw_buf_t draw_buf;static lv_color_t buf[LV_HOR_RES_MAX * 10];  // 显示缓冲区lv_disp_draw_buf_init(&draw_buf, buf, NULL, LV_HOR_RES_MAX * 10);static lv_disp_drv_t disp_drv;lv_disp_drv_init(&disp_drv);disp_drv.draw_buf = &draw_buf;disp_drv.flush_cb = disp_flush;disp_drv.hor_res = LV_HOR_RES_MAX;disp_drv.ver_res = LV_VER_RES_MAX;lv_disp_drv_register(&disp_drv);
}

4. 示例应用

4.1 简单按钮示例

#include "lvgl.h"
#include "hal.h"void btn_event_cb(lv_event_t * e) {lv_obj_t * btn = lv_event_get_target(e);lv_obj_t * label = lv_obj_get_child(btn, 0);lv_label_set_text(label, "Pressed!");
}void lv_example_btn_1(void) {lv_obj_t * btn = lv_btn_create(lv_scr_act());lv_obj_set_size(btn, 100, 50);lv_obj_center(btn);lv_obj_add_event_cb(btn, btn_event_cb, LV_EVENT_CLICKED, NULL);lv_obj_t * label = lv_label_create(btn);lv_label_set_text(label, "Click Me!");lv_obj_center(label);
}

4.2 主函数实现

#include "lvgl.h"
#include "hal.h"int main(void) {// 硬件初始化hal_init();// LVGL初始化lv_init();lv_port_disp_init();lv_port_indev_init();// 创建示例UIlv_example_btn_1();// 主循环while(1) {lv_timer_handler();delay_ms(5);}
}

5. 优化技巧

  1. 内存管理

    • 调整LV_MEM_SIZE以适应CC2530有限的RAM
    • 使用静态分配而非动态分配
  2. 性能优化

    • 减少屏幕刷新区域
    • 使用合适的颜色深度
    • 启用LVGL的裁剪功能
  3. 电源管理

    • 在不活跃时降低刷新率
    • 实现深度睡眠模式

6. 常见问题解决

  1. 内存不足

    • 减少UI元素数量
    • 使用更小的缓冲区
    • 优化图片资源
  2. 显示异常

    • 检查SPI时序配置
    • 验证颜色格式
    • 确保正确的屏幕初始化序列
  3. 响应迟缓

    • 优化主循环频率
    • 减少复杂动画
    • 检查输入设备轮询频率

7. 进阶开发

  1. 自定义控件

    • 继承现有控件
    • 实现新的绘制函数
  2. 主题系统

    • 创建自定义主题
    • 实现动态主题切换
  3. 多语言支持

    • 使用LVGL的文本ID系统
    • 实现语言切换功能

以上教程提供了在CC2530和IAR环境下使用LVGL的基本框架,具体实现需要根据你的硬件配置进行调整。

相关文章:

硬件操作指南——ATK-MD0430 V20

使用CC2530控制正点原子ATK-MD0430 V20显示的完整指南 本文将详细介绍如何使用CC2530单片机控制正点原子ATK-MD0430 V20显示屏&#xff0c;包括IAR开发环境的配置、硬件连接、程序编写和调试等完整步骤。 一、开发环境准备 1. IAR开发环境安装与配置 首先需要安装IAR Embed…...

【HDFS入门】HDFS数据冗余与容错机制解析:如何保障大数据高可靠存储?

目录 1 HDFS冗余机制设计哲学 1.1 多副本存储策略的工程权衡 1.2 机架感知的智能拓扑算法 2 容错机制实现原理 2.1 故障检测的三重保障 2.2 数据恢复的智能调度 3 关键场景容错分析 3.1 数据中心级故障应对 3.2 数据损坏的校验机制 4 进阶优化方案 4.1 纠删码技术实…...

UE学习记录part19

231 insect: insect enemy type 创建dead动画资源 往insect head上添加socket 创建攻击root motion动画。motion warping需要与root motion合作使用 为buff_blue创建物理资产 设置simulate physic使sinsect死亡后能落到地板上而不是漂浮在空中&#xff0c;要将die函数设置为 -…...

运行后allure报告没有自动更新(已解决)

pycharm直接运行run.py文件&#xff0c; allure生成的报告都没有更新&#xff0c;需要手动删除旧报告后再次运行才可以 pytest.ini [pytest]testpaths testcases/ addopts --alluredir ./report/result --clean-alluredir run.py主要代码 if __name__ "__main__&qu…...

深度学习在语音识别中的应用

引言 语音识别技术是人工智能领域中的一个重要分支&#xff0c;它使得机器能够理解和转换人类的语音为文本。深度学习的出现极大地推动了语音识别技术的发展。本文将介绍如何使用深度学习构建一个基本的语音识别系统&#xff0c;并提供一个实践案例。 环境准备 在开始之前&a…...

CUDA Tools 常用命令总结与记录 (需要细化)

以下是对 CUDA Toolkit 中常用工具和命令的详细总结&#xff0c;涵盖编译器、调试器、性能分析工具、GPU管理工具等核心组件&#xff1a; 一、编译器工具&#xff1a;nvcc nvcc 是 NVIDIA CUDA 编译器&#xff0c;用于编译 .cu 文件生成可执行文件或中间代码。 常用命令与参数…...

微信小程序 时间戳与日期格式的转换

1. 微信小程序 时间戳与日期格式的转换 微信小程序中的时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总秒数。例如现在北京时间2015-12-31 17:00:00的时间戳是1451552400&#xff0c;就是指从北京时间1970-01-01 08:00:00到…...

【深度学习—李宏毅教程笔记】Transformer

目录 一、序列到序列&#xff08;Seq2Seq&#xff09;模型 1、Seq2Seq基本原理 2、Seq2Seq模型的应用 3、Seq2Seq模型还能做什么&#xff1f; 二、Encoder 三、Decoder 1、Decoder 的输入与输出 2、Decoder 的结构 3、Non-autoregressive Decoder 四、Encoder 和 De…...

【人工智能学习-01-01】20250419《数字图像处理》复习材料的word合并PDF,添加页码

前情提要 20250419今天是上师大继续教育人工智能专升本第一学期的第一次线下课。 三位老师把视频课的内容提炼重点再面授。&#xff08;我先看了一遍视频&#xff0c;但是算法和图像都看不懂&#xff0c;后来就直接挂分刷满时间&#xff0c;不看了&#xff09; 今天是面对面授…...

如何从 GitHub 镜像仓库到极狐GitLab?

最近 GitHub 封禁中国用户的事情闹得沸沸扬扬,虽然官方发布的报道说中国用户被限制登录是因为配置错误导致,已经撤回了更新,中国用户已经可以正常使用。但是这就像横在国内开发者和企业头上的“达摩克利斯之剑”。为了避免 GitHub 不可用而带来的影响,国内开发者和企业可以…...

【云馨AI-大模型】2025年4月第三周AI领域全景观察:硬件革命、生态博弈与国产化突围

一、硬件算力突破点燃多智能体时代 谷歌在4月12日Cloud Next大会发布第七代TPU Ironwood&#xff0c;单芯片算力达4614 TFLOPs&#xff0c;较前代内存提升6倍&#xff0c;专为AI推理场景优化。配合发布的Gemini 2.5 Flash模型通过"思考"功能实现成本优化&#xff0c…...

ETL数据集成平台在交通运输行业的五大应用场景

在智能交通与数字物流时代&#xff0c;交通运输企业每天产生海量数据——车辆轨迹、货物状态、乘客流量、设备日志……但这些数据往往被困在分散的系统中&#xff1a;GPS定位数据躺在车载终端里&#xff0c;物流订单卡在Excel表中&#xff0c;地铁客流统计锁在本地服务器内。如…...

使用 Docker 安装 Elastic Stack 并重置本地密码

Elastic Stack&#xff08;也被称为 ELK Stack&#xff09;是一个非常强大的工具套件&#xff0c;用于实时搜索、分析和可视化大量数据。Elastic Stack 包括 Elasticsearch、Logstash、Kibana 等组件。本文将展示如何使用 Docker 安装 Elasticsearch 并重置本地用户密码。 ###…...

利用 Deepseek 和 Mermaid 画流程图

提示词 你是一个产品经理&#xff0c;请绘制一个报名比赛的流程图&#xff0c;要求生成符合Mermaid语法的代码&#xff0c;具体要求如下&#xff1a; 1.注册账号 2.填写报名信息 3.参加比赛 4.查看比赛结果 生成的结果 flowchart TDA([开始]) --> B[注册账号]B --> C{账…...

系统架构设计师:系统架构概述案例分析与简答题、详细解析与评分要点

10道系统架构概述知识体系案例分析与简答题&#xff0c;涵盖架构设计原则、质量属性、演化过程、评估方法等核心考点&#xff0c;并附详细解析与评分要点&#xff1a; 一、案例分析题&#xff08;5题&#xff09; 1. 电商系统高并发场景下的架构设计 背景&#xff1a;某电商平…...

学习笔记: Mach-O 文件

“结构决定性质,性质决定用途”。如果不了解结构,是很难真正理解的。 通过一个示例的可执行文件了解Mach-O文件的结构 Mach-O基本结构 Header: &#xff1a;文件类型、目标架构类型等Load Commands&#xff1a;描述文件在虚拟内存中的逻辑结构、布局Data: 在Load commands中…...

图论-BFS搜索图/树-最短路径问题的解决

续上篇~图论--DFS搜索图/树-CSDN博客 先看第一次学习的博客&#xff01;&#xff01;&#x1f447;&#x1f447;&#x1f447;&#x1f447; &#x1f449; 有一些问题是广搜 和 深搜都可以解决的&#xff0c;例如岛屿问题&#xff0c;这里我们记dfs的写法就好啦&#xff0c;…...

【uniapp】vue2 使用 Vuex 状态管理

创建store文件夹&#xff1a;store/index.js // index.js import Vue from vue import Vuex from vuex import address from ./modules/address.jsVue.use(Vuex)const store new Vuex.Store({modules: {address} })export default store 创建modules文件夹&#xff1a;modul…...

vcpkg缓存问题研究

vcpkg缓存问题研究 问题描述解决方案官网给出的方案其实并不是大多数人语境中的“清除缓存”实际解决方案 问题描述 使用vcpkg管理c的库的时候&#xff0c;vcpkg会在c盘某些地方缓存下载的库&#xff0c;如果安装的库过多&#xff0c;这个缓存文件夹会过大占用磁盘空间&#x…...

个人自用-导入安装Hexo

因为本人原来就有备份好的资料&#xff0c;所以重新安装起来会很方便&#xff0c;这个教程也只适合我自己用 但是所有的命令行都要在Git的命令行里面使用&#xff08;因为我就是这样操作的&#xff09; 1 安装Git Git的官网 Git git --version 这个是查看Git的版本 git --…...

《AI大模型应知应会100篇》第26篇:Chain-of-Thought:引导大模型进行步骤推理

第26篇&#xff1a;Chain-of-Thought&#xff1a;引导大模型进行步骤推理 摘要 在自然语言处理&#xff08;NLP&#xff09;和人工智能领域&#xff0c;如何让大模型像人类一样进行逐步推理是一个核心挑战。Chain-of-Thought (思维链) 技术的出现为这一问题提供了强有力的解决…...

大模型API中转平台选择指南:如何找到优质稳定的服务

在人工智能快速发展的今天&#xff0c;大模型的应用已经渗透到各个领域。无论是开发智能应用的技术团队&#xff0c;还是希望通过AI提升效率的企业&#xff0c;都离不开大模型API的支持。然而&#xff0c;市场上的大模型API中转服务良莠不齐&#xff0c;层层转包的中间商模式不…...

STM32单片机入门学习——第43节: [12-3] 读写备份寄存器实时时钟

写这个文章是用来学习的,记录一下我的学习过程。希望我能一直坚持下去,我只是一个小白,只是想好好学习,我知道这会很难&#xff0c;但我还是想去做&#xff01; 本文写于&#xff1a;2025.04.19 STM32开发板学习——第43节: [12-3] 读写备份寄存器&实时时钟 前言开发板说明…...

零基础上手Python数据分析 (18):Matplotlib 基础绘图 - 让数据“开口说话”

写在前面 —— 告别枯燥数字,拥抱可视化力量,掌握 Matplotlib 绘图基础 欢迎来到 “高效数据分析实战指南:Python零基础入门” 专栏! 经过前面 Pandas 模块的学习和实战演练,我们已经掌握了使用 Python 和 Pandas 进行数据处理、清洗、整合、分析的核心技能。 我们能够从…...

【网络原理】UDP协议

目录 一. UDP 报文格式 &#xff08;1&#xff09;端口号 &#xff08;2&#xff09;UDP长度 &#xff08;3&#xff09;校验和 UDP协议属于传输层协议&#xff0c;由操作系统内核内置 一. UDP 报文格式 UDP数据报&#xff1a;无连接&#xff0c;不可靠传输&#xff0c;面…...

云服务器和本地打通内网端口方式

如何通过云服务器FRP 配置让树莓派板子运行的服务端程序被客户端访问&#xff1f; 要通过 云服务器 FRP 内网穿透&#xff0c;让公网客户端访问你 树莓派运行的 Qt 服务端程序&#xff0c;下面是详细的完整步骤&#xff0c;适合你现在的场景&#xff1a; 云服务器安装并启动…...

HCIP OSPF综合实验

1.网络拓扑图 实验要求&#xff1a; 2.需求分析 IP规划&#xff1a; 对每个路由器配置ospf并用172.16.0.0/16网段进行划分&#xff0c;项目中一共有area0 - area4五个ospf区域加一个rip网段&#xff0c;所以我们在172.16.0.0/16选出6个网段 ISP 对r5只能配ip可以把他看成外…...

tensor.repeat和tensor.repeat_interleave

tensor.repeat 在指定维度上整体复制张量内容&#xff1a; x torch.arange(6).reshape(2,3) print(x) print(x.repeat(2,1))上述代码的执行结果为&#xff1a; tensor([[0, 1, 2],[3, 4, 5]]) tensor([[0, 1, 2],[3, 4, 5],[0, 1, 2],[3, 4, 5]])可以看到&#xff0c;x.rep…...

实现批量图片文字识别(python+flask+EasyOCR)

话不多说,向上效果图 1)先说框架版本 为什么要先说框架版本呢,因为我在各种版本中尝试了两天,总算确定了如下版本适合我,至于其他的版本,各位自己去尝试 python 3.9.7 EasyOCR 1.7.2 flask 3.0.3 2)执行操作效果图 2.1)多选文件 2.2)图片预览 2.3)提取选中文件 2.4)提取所有文…...

Vue3+TS中svg图标的使用

安装依赖 pnpm i vite-plugin-svg-icons -D配置引入 vite.config.ts ... import { createSvgIconsPlugin } from vite-plugin-svg-icons import path from node:pathconst svgIconsPlugin createSvgIconsPlugin({iconDirs: [path.resolve(process.cwd(), src/assets/icons)]…...