扩展组件（uni-ui）之uni-icons

uni-icons 是 uni-app 中的 uni-ui 组件库的一部分，提供了一系列图标供开发者在应用中使用。这些图标可以方便地嵌入到你的 uni-app 项目中，用于增强界面的视觉效果和提升用户体验。

基本用法

在使用 uni-icons 之前，你需要确保已经正确安装了 uni-ui 库，并在页面中引入了 uni-icons 组件。

引入组件

<template>
    <uni-icons type="home" size="30" color="#4D4D4D"></uni-icons>
</template>

<script>
    import uniIcons from '@dcloudio/uni-ui/lib/uni-icons/uni-icons.vue'
    export default {
        components: { uniIcons }
    }
</script>

属性

• type：图标的类型（名称），比如 home、setting 等。
• size：图标的大小，单位为 px。
• color：图标的颜色。

示例

创建一个 home 图标：

<uni-icons type="home" size="30" color="#4D4D4D"></uni-icons>

注意事项

• uni-icons 组件包含多种内置图标，你可以在 uni-ui 的文档中查看所有可用图标及其名称。
• 图标的大小和颜色可以自定义，以适应不同的设计需求。
• 图标类型（type）必须是 uni-ui 支持的图标名称之一。

更多关于 uni-icons 组件的使用细节，可以查阅 uni-ui 官方文档 或 uni-ui 库的相关文档。通过这些文档，你可以了解到所有可用的图标类型及如何在项目中使用它们。