uView Icon 图标

简介: uView Icon 图标

基于字体的图标集,包含了大多数常见场景的图标。

#平台差异说明

App(vue) App(nvue) H5 小程序

#基本使用

注意

因为在nvue下暂时无法解决自定义图标的问题,所以此功能暂缓推出。

icon下载地址

通过<u-icon>形式来调用,设置name参数为图标名即可。其中color默认为#606266size默认为16px

<u-icon name="photo"></u-icon>

copy

#修改图标的样式

  • 通过color参数修改图标的颜色
  • 通过size参数修改图标的大小,单位为px
<u-icon name="photo" color="#2979ff" size="28"></u-icon>

copy

#图片图标

这里说的图片图标,指的是小图标,起作用定位为"icon"图标作用,而非大尺寸的图片展示场景,理论上,这个小图标应该为png格式的正方形图标。

上面说到,给组件的name参数传入一个图片的名称即可显示字体图标,这些名称中不能带有/斜杠符号,否则会被认为是传入了图片图标,同时,size参数 也被设置为这个图片图标的宽度,由于是图片,诸如颜色color等参数都会失效。

<u-icon label="uView" size="40" name="https://cdn.uviewui.com/uview/example/button.png"></u-icon>
相关文章
|
30天前
|
存储 人工智能 开发工具
Claude Code自动记忆来了!配合老金三层记忆系统全开源!加强Plus!
昨天晚上,老金我照例打开 Claude Code 准备写代码。 随便聊了几句项目架构,Claude突然冒出一句: "Based on our previous discussions, this project uses pnpm and TypeScript strict mode." 老金我愣了一下。 上次提到pnpm是三天前的事了,这中间重启了好几次。 打开 ~/.claude/p
|
2月前
|
IDE 安全 开发工具
告别频繁切换分支!用 Git Worktrees + Claude Code 构建高效并行开发流
本文介绍 Git Worktrees 与 Claude Code 的高效组合:用 Worktrees 创建多分支独立工作区,零拷贝、秒级切换;Claude 则在隔离环境中安全试错、并行开发。告别 stash 焦虑,实现真正并行开发流。(239字)
1935 0
|
18天前
|
人工智能 IDE 前端开发
Claude Code 实战手册:从零搭建到真实项目落地的全过程复盘
最近花了一周时间深度体验了 Claude Code,坦白说,它刷新了我对 AI 编程工具的认知。这篇文章不是官方教程的搬运,而是我从环境搭建、插件配置到实际项目验证的完整记录,包括踩过的坑和一些冷静的思考。 市面上 AI 编程工具不少——Cursor、Copilot、Windsurf,各有拥趸。但 Claude Code 走了一条不同的路:它不是 IDE 插件,而是一个命令行原生的 AI 编程代理。 简单说,用 Copilot 像是带了个打字快的助手,而 Claude Code 更像是雇了个能独立干活的初级开发者。
2884 5
|
JavaScript
【登录界面】vue、element-ui登录界面模板
这里总结一个用vue、element-ui写的登录界面,为以后复制粘贴备用
2233 0
【登录界面】vue、element-ui登录界面模板
|
JavaScript
|
存储 Kubernetes 数据库
AWX部署
AWX部署
776 7
AWX部署
|
人工智能 芯片
合肥中科深谷嵌入式项目实战——人工智能与机械臂(一)
合肥中科深谷嵌入式项目实战——人工智能与机械臂(一)