0.0.3 • Published 6 years ago

vue-slim-dialog v0.0.3

Weekly downloads
3
License
MIT
Repository
github
Last release
6 years ago

vue-slim-dialog

开箱即用的 vue 移动端弹窗组件

🐠 示例&文档

Demo

Demo 示例代码

🚀 快速开始

  1. 安装 vue-slim-dialog
// 使用yarn:
yarn add vue-slim-dialog
// 或使用npm:
npm i -S vue-slim-dialog
  1. 引入 vue-slim-dialog
  • 插件形式全局引入
// 入口文件 main.js 中
import SlimDialog from 'vue-slim-dialog'
Vue.use(SlimDialog)
  • 组件形式引入
// *.vue 中
import SlimDialog from 'vue-slim-dialog'
export default {
  /* ... */
  components: {
    SlimDialog,
  },
  /* ... */
}
  1. 使用它,请参考Demo 示例代码

🔌 API

Props

参数说明类型默认值
show.sync 是否显示Booleanfalse
hideOnMaskClick点击遮罩是否关闭弹窗Booleanfalse
maskTransition遮罩动画Stringslim-fade
dialogTransition弹窗动画,内置 'slim-scale', 'slim-zoom', 'slim-radius'Stringslim-scale
maskClass遮罩的样式类Stringnull
dialogClass弹窗的样式类Stringnull