0.1.4 • Published 2 years ago
hao-design v0.1.4
hao-design 好运业务常用UI组件二次封装
在 view-design 组件的基础上二次封装
安装组件库
使用 npm:
npm install hao-design --save
vue 组件里使用
整体引入
import HaoDesign form 'hao-design'
export default {
components: {
HModal: HaoDesign.HModal
}
}
单个引入
import { HModal } form 'hao-design'
export default {
components: {
HModal
}
}
HModal 弹窗
依赖 iview 的 Modal 组件,支持所有属性设置
HPager 分页
依赖 iview 的 page 组件,输入页面后可点击“确定”按钮切换,不用额外监听页码和页数变化
HCollapse 折叠面板
有用到 iview 的 Icon 组件
HDownloadExcel 下载 excel 按钮
依赖 iview 的 Button 组件
HPoptip 气泡提示
支持放大缩小动画,项目中需安装 v-click-outside
HPreviewImg 查看图片
有用到 iview 的 Carousel、CarouselItem 和 Icon 组件,支持传入单个路径、对象和数组,有值的时候会自动展示