更新记录

1.0.0（2023-07-14） 下载此版本

• 第一次版本提交

平台兼容性

uni-app

其他

功能图标组组件

组件名：h-function-group

安装方式

本组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。

基本用法

在 template 中使用组件

<!-- 基本使用 -->
<h-function-icon :list="list"></h-function-icon>

依赖

因使用了uview-ui 的 微标，所以需要引用

在 根目录下的 App.vue 文件中引入

<style lang="scss">
    @import "@/uni_modules/uview-ui/index.scss";
</style>

在 根目录下的 main.js 文件中引入

import uView from '@/uni_modules/uview-ui'
Vue.use(uView)
uni.$u.config.unit = 'rpx'

在 根目录下的 uni.scss 文件中引入

@import '@/uni_modules/uview-ui/theme.scss';

组件中图标使用了自己的h-icon 组件，小程序不支持网络链接，使用时需要下载自己的图标库，使用本地地址；h-icon文档链接：https://ext.dcloud.net.cn/plugin?id=13216

API

Props

注：徽标使用uview-ui 的徽标组件，相关api可参考uview-ui 文档，可自行修改组件徽标

Events