https://github.com/kuangshp/maucash-model
vue+ts弹框组件
https://github.com/kuangshp/maucash-model
Last synced: 5 months ago
JSON representation
vue+ts弹框组件
- Host: GitHub
- URL: https://github.com/kuangshp/maucash-model
- Owner: kuangshp
- Created: 2019-08-26T04:06:07.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-11T03:17:13.000Z (almost 3 years ago)
- Last Synced: 2025-04-19T11:29:05.532Z (6 months ago)
- Language: JavaScript
- Size: 1.14 MB
- Stars: 3
- Watchers: 2
- Forks: 7
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# maucash-model
## 一、使用方式
- 1、安装
```shell
npm install maucash-model
```
- 2、在项目中的`main.js`文件中引入
```js
import MaucashModel from 'maucash-model';
import 'maucash-model/lib/maucash-model.css';
Vue.use(MaucashModel);
```
* 3、组件中使用
```html
点击打开弹框
内容
```
```js
export default {
data() {
return {
model: false,
};
},
methods: {
openModel() {
this.model = true;
},
},
};
```
## 二、主要的`API`
| 参数 | 类型 | 说明 | 默认值 |
| :---------------: | :--------: | ------------------------------ | ------- |
| `title` | `String` | 标题 | 空 |
| `isHideHeader` | `Boolean` | 是否隐藏头部 | `false` |
| `isHideFooter` | `Boolean` | 是否隐藏底部 | `false` |
| `closeFunc` | `Function` | 关闭按钮的回调函数 | |
| `closeText` | `String` | 关闭按钮的文字 | 取消 |
| `confirmFunc` | `Function` | 确认按钮的回调函数 | |
| `confirmText` | `Function` | 确认按钮的文字 | 确认 |
| `render` | `Function` | 自定义底部,自己写一个`jsx`语法 | |
| `width` | `Number` | 弹框的宽度 | 450 |
| `height` | `Number` | 弹框的高度 | 300 |
| `bodyStyle` | `Object` | 内容体的样式 | `{}` |
| `draggable` | `Boolean` | 是否可拖拽 | `false` |
| `isHideCloseBtn` | `Boolean` | 是否隐藏取消按钮 | `false` |
| `isHideConfimBtn` | `Boolean` | 是否隐藏确认按钮 | `false` |