更新记录
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>

收藏人数:
下载插件并导入HBuilderX
下载示例项目ZIP
赞赏(0)
下载 79
赞赏 0
下载 10835160
赞赏 1799
赞赏
京公网安备:11010802035340号