1.0.10 • Published 2 years ago

hzy-ui v1.0.10

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

安装 & 使用

安装 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

AttributeDescriptionTypeDefault
visible是否显示弹窗,支持syncbooleanfalse
mask是否显示遮罩层booleantrue
closeMask点击遮罩层是否可关闭booleanfalse
width弹窗宽度function800px
height弹窗高度function240.95px
content弹窗内容function-
title弹窗标题function提示
okText确认按钮描述function去查看
dateMonth确认日期function-
jump跳转地址function/workbench/platform/monthly-record-person

方法

使用 emit 调用方法

NameDescription
ok点击确认按钮触发
1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago