【uni-app】uni-icons 图标使用和通过文心一言解决icon不显示BUG

合集 - 【uniApp+ESP32 arduino编程】(6)

1.【uniapp】举例解决uniapp无法注销回调函数，导致多次调用 + 举例EPS32-arduino 与uniapp间蓝牙JSON通信 BLE链接与通信过程2024-07-02

2.【uni-app】uni-icons 图标使用和通过文心一言解决icon不显示BUG2024-06-23

3.【uniapp】BLE及通信过程+举例EPS32-arduino 与uniapp间蓝牙JSON通信2024-06-204.【ESP32 Arduino】使用ArduinoJson 7.x库处理JSon数据2024-06-255.【uniapp】使用举例 radio控件与data()内数据 响应式双向数据绑定2024-07-046.【ESP32 Arduino】RS485通信及MODBUS RTU通信实例2024-07-18

收起

1）按照 https://uniapp.dcloud.net.cn/component/uniui/uni-icons.html 安装 uni_modules。

2）使用 基本用法 中代码 <uni-icons type="contact" size="30"></uni-icons>

不显示icon

3）在文心一言提问：

在uniapp中使用uni-icons ,安装库文件后， <uni-icons type="contact" size="30"></uni-icons> 不能显示图标

4）根据文心一言解答，在main.js 填写代码段如下。问题解决。

import App from './App'
import uniIcons from '@/uni_modules/uni-icons/components/uni-icons/uni-icons.vue';
export default {
    components: {
        uniIcons
    }
    // ...  
}
// #ifndef VUE3