更新记录
1.0.0(2025-09-17) 下载此版本
无
平台兼容性
uni-app(4.76)
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
uni-app x(4.76)
Chrome | Safari | Android | iOS | 鸿蒙 | 微信小程序 |
---|---|---|---|---|---|
- | - | - | - | - | - |
cc-dialog 万能弹框插件
- 功能一览 Promise 式调用:await showDialog({...}) 直接拿到 confirm/cancel 结果,告别回调地狱。 支持自定义插槽:可在弹框内任意插入图片、富文本、表单等自定义结构。 零依赖全端通用:H5、小程序、App 三端一致,无需额外 npm 包。 样式可覆盖:所有 class 均以 cc- 开头,方便在页面中二次重写。
- 快速上手
将本插件放入 uni_modules/cc-dialog。
在页面模板中放置 一次挂载点:
HTML
预览
复制
在业务逻辑中调用: JavaScript 复制 import { showDialog } from '@/uni_modules/cc-dialog/index.js'
const res = await showDialog({ title: '操作确认', content: '确定要删除该项吗?', confirmText: '删除', cancelText: '再想想' })
if (res === 'confirm') { // 用户点了删除 }
- API 说明 表格 复制 参数 类型 默认值 说明 title String '' 弹框标题,留值不显示 content String '' 正文文本,留值不显示 confirmText String '确定' 确认按钮文字 cancelText String '取消' 取消按钮文字 showCancel Boolean true 是否显示取消按钮 maskClose Boolean true 点击遮罩是否关闭弹框
- 自定义插槽
如需在弹框内嵌入复杂结构,可手动使用组件:
HTML
预览
复制
<textarea v-model="remark" /> - 样式覆盖 在页面中重写即可: css 复制 .cc-confirm { background: #ff6030 !important; }
- 更新日志 1.0.1 修复 props 突变警告,内部改用 data 接管参数。