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>
图标不存在
信息类别 | 信息内容 |
---|---|
产品分类 | 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
刚测试了下,我这没问题
你下载插件了么?
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
组件时,如果你指定的 type
为 down
却发现图标不存在,可能是因为 uni-icons
组件库中没有 down
这个图标类型。
uni-icons
是基于 iconfont
的图标库,通常它提供了一些常用的图标类型,但并不包含所有的图标。如果你需要一个向下箭头图标,可以尝试以下几种解决方案:
1. 使用其他图标类型
uni-icons
可能提供了其他类似的图标类型,比如 arrow-down
或 chevron-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 Awesome
、Material 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