更新记录

1.0.0(2025-11-10) 下载此版本

初步编写完成


平台兼容性

uni-app(3.6.18)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
× - - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - -

其他

多语言 暗黑模式 宽屏模式
× ×

tcy-icons 图标

pages.json 文件,添加配置如下

"easycom": {
    "autoscan": true,
    "custom": {
        "^tcy-([^-]+)(.*)": "@/uni_modules/tcy-$1/components/tcy-$1/tcy-$1$2.vue"
    }
}

App.vue 引入,初始化

<script>
    import tcyIcons from '@/uni_modules/tcy-icons/components/'
    import iconfontTtf from '@/uni_modules/tcy-icons/components/iconfont/iconfont.ttf'
    import iconfontList from '@/uni_modules/tcy-icons/components/iconfont/iconfont.json'

    export default {
        onLaunch: function() {
            console.log('App Launch')

            // TCY图标初始化
            // 微信调试基础库:3.7.12
            // 方式一:通过服务器获取图标配置
            // tcyIcons.init('http://192.168.1.139:9100/api/ceshi/getIconConfig')

            // 方式二:通过服务器获取图标配置(自己写获取方法)
            /* tcyIcons.init(async () => {
                let res = await uni.request({
                    url: 'http://192.168.1.139:9100/api/ceshi/getIconConfig',
                })
                return res.data
            }) */

            // 方式三:默认配置
            tcyIcons.init()

            // 方式四:图标配置
            /* tcyIcons.init({
                // uniapp 默认图标,必须下载 uni-icons 组件
                // https://ext.dcloud.net.cn/plugin?name=uni-icons
                uniapp: true,
                // tcy 默认图标
                tcy: true,
                // 其它图标
                other: {
                    name: '其它',
                    type: 'iconfont',
                    // #ifndef MP-WEIXIN
                    ttf: iconfontTtf,
                    // #endif
                    // #ifdef MP-WEIXIN
                    // 微信小程序,请使用网络字体,HTTPS
                    ttf: 'https://at.alicdn.com/t/c/font_2803710_cvqus1w4r9q.ttf?t=1762590717397',
                    // #endif
                    list: iconfontList,
                },
            }) */

        },
        onShow: function() {
            console.log('App Show')
        },
        onHide: function() {
            console.log('App Hide')
        }
    }
</script>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。