8***@qq.com
8***@qq.com
  • 发布:2024-04-15 22:34
  • 更新:2024-04-16 21:50
  • 阅读:85

uni-icons 图标在uniappx中显示不出来

分类:uni-app x

代码如下:手机上看不到图标

<template>
<!-- #ifdef APP -->
<scroll-view class="page-scroll-view">
<!-- #endif -->
<!-- <fr-empty-signal description="暂无信号" :offsetTop="200" /> -->
<view >
<uni-icons type="down" size="30"></uni-icons>
<uni-icons type="left"></uni-icons>
</view>

<!-- #ifdef APP -->
</scroll-view>
<!-- #endif -->
</template>

2024-04-15 22:34 负责人:DCloud_UNI_HT 分享
已邀请:
套马杆的套子

套马杆的套子 - 没有解决不了的问题,只有解决不完的问题

下载uni-icons组件了么
然后static文件夹下有iconfont.ttf么

hws007

hws007 - 我就是我!

不用uni-icons 组件了,用text 就行

uni.loadFontFace({
global: true,
family: 'HuiFont',
source: "url('/static/font/hui-icon.ttf')",
success() {
console.log('全局已加载hui-icon.ttf文件')
},
fail(error) {
console.warn('global loadFontFace hui-icon.ttf fail', error.errMsg)
},
})

<text style="font-family:HuiFont;">{{'\ue679'}}</text>

要回复问题请先登录注册