安装 & 使用

安装 npm 包

# npm
npm install hzyui --save

全局导入

import Vue from 'vue';
import HzyUi from 'hzu-ui';

Vue.use(HzyUi);

用法

基础用法

<h-dialog
  :visible.sync="visible"
  @close="onClose"
  @ok="onOk"
  jump="'https://hezhuyun.xxx'"
  ok-text="确认"
>
  内容
</h-dialog>

export default {
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    onClose(){},
    onOk(){}
  },
}

API

Props

| Attribute | Description | Type | Default | |------------|---------------|-----------------|-------------------------------------------| | visible | 是否显示弹窗，支持sync | boolean | false | | mask | 是否显示遮罩层 | boolean | true | | closeMask | 点击遮罩层是否可关闭 | boolean | false | | width | 弹窗宽度 | function | 800px | | height | 弹窗高度 | function | 240.95px | | content | 弹窗内容 | function | - | | title | 弹窗标题 | function | 提示 | | okText | 确认按钮描述 | function | 去查看 | | dateMonth | 确认日期 | function | - | | jump | 跳转地址 | function | /workbench/platform/monthly-record-person |

方法

使用 emit 调用方法

| Name | Description | |------|-----------------------| | ok | 点击确认按钮触发 |