更新记录
1.0.0(2025-06-07)
平台兼容性
uni-app(4.51)
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
√ |
√ |
√ |
√ |
× |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
√ |
√ |
√ |
√ |
√ |
√ |
- |
√ |
√ |
√ |
√ |
uni-app x(4.51)
Chrome |
Safari |
Android |
iOS |
鸿蒙 |
微信小程序 |
- |
- |
- |
- |
- |
- |
其他
1.0.0(2025-06-07)
🚀 y-push
一个精美的 uni-app 推送通知组件,支持 iOS、Android 和鸿蒙平台,提供多种样式和交互效果。
功能特性
- ✅ 跨平台兼容 - 完美支持 iOS/Android/鸿蒙
- ✅ 多种样式 - 支持文字、大图、小图三种模式
- ✅ 交互丰富 - 点击事件、操作按钮、关闭功能
- ✅ 高度可定制 - 颜色、图标、动画均可配置
- ✅ Vue2/Vue3 双支持 - 兼容两种版本
安装
方式一:通过 uni_modules 安装
- 在 uni-app 插件市场 搜索 "y-push"
- 点击安装到你的项目中
- 组件将自动安装到
uni_modules
目录
方式二:手动安装
- 下载组件 ZIP 包
- 解压到项目
uni_modules/y-push
目录
- 在页面中直接使用
快速开始
复制代码
<template>
<view class="container">
<y-push :config="pushData" @click="handlePushClick" />
</view>
</template>
<script>
export default {
data() {
return {
pushData: {
appName: '我的应用',
title: '您有新消息',
summary: '点击查看详情内容...',
image: '/static/push-demo.jpg',
style: 'large-image'
}
}
},
methods: {
handlePushClick() {
uni.navigateTo({ url: '/pages/detail' })
}
}
}
</script>