uni-app uni-icons 图标 type=down 图标不存在

uni-app uni-icons 图标 type=down 图标不存在

操作步骤:

<uni-icons type="down" size="30"></uni-icons>

图标不存在

预期结果:

<uni-icons type="down" size="30"></uni-icons>

图标不存在

实际结果:

<uni-icons type="down" size="30"></uni-icons>

图标不存在

bug描述:

<uni-icons type="down" size="30"></uni-icons>

图标不存在

cd21659046f6ef74a91799ae4905c874

信息类别 信息内容
产品分类 uniapp/H5
PC开发环境 Windows
PC开发环境版本号 WIN11
HBuilderX类型 正式
HBuilderX版本号 4.06
浏览器平台 Chrome
浏览器版本 最新
项目创建方式 HBuilderX

更多关于uni-app uni-icons 图标 type=down 图标不存在的实战教程也可以访问 https://www.itying.com/category-93-b0.html

6 回复

刚测试了下,我这没问题 你下载插件了么? https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html#uni-icons-图标

更多关于uni-app uni-icons 图标 type=down 图标不存在的实战教程也可以访问 https://www.itying.com/category-93-b0.html


我这也不行

up和down不行,left和right可以

我也不显示,不知道什么时候能修复哦

我今天也遇到这个问题了,翻了下源码,应该是那个icons.js导出时,font_class和name不一致导致的。 {
“icon_id”: “24923347”,
“name”: “arrowup”,
“font_class”: “top”,
“unicode”: “e6b6”,
“unicode_decimal”: 59062
},

// 这个对应up
<uni-icons type="top" size="24"></uni-icons>

// 这个对应down
<uni-icons type="bottom" size="24"></uni-icons>

uni-app 中使用 uni-icons 组件时,如果你指定的 typedown 却发现图标不存在,可能是因为 uni-icons 组件库中没有 down 这个图标类型。

uni-icons 是基于 iconfont 的图标库,通常它提供了一些常用的图标类型,但并不包含所有的图标。如果你需要一个向下箭头图标,可以尝试以下几种解决方案:

1. 使用其他图标类型

uni-icons 可能提供了其他类似的图标类型,比如 arrow-downchevron-down。你可以查看 uni-icons 的文档,看看是否有类似的图标可以使用。

<uni-icons type="arrow-down"></uni-icons>

2. 自定义图标

如果 uni-icons 中没有你需要的图标,你可以使用自定义图标。你可以通过 iconfont 或者其他图标库来获取你需要的图标,然后在 uni-app 中使用。

<view class="custom-icon">↓</view>
.custom-icon {
  font-size: 24px;
  color: #000;
}

3. 使用其他图标库

如果你需要更丰富的图标库,可以考虑使用其他图标库,比如 Font AwesomeMaterial Icons 等。

<i class="fas fa-arrow-down"></i>
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');

4. 检查 uni-icons 版本

有时候图标不存在可能是因为你使用的 uni-icons 版本较旧,建议检查并更新到最新版本。

npm update uni-icons
回到顶部