HJT-BASE-UI-PRO

基于vue、element-ui开箱即用的中台前端/设计解决方案

快速开始

1. 安装插件

$ npm install hjt-base-ui-pro

2. 注册插件

import BaseUIPro from 'hjt-base-ui-pro';

/**
 * 文件上传函数（该函数需要重写）
 * @param files {File|Array<File>} 需要上传文件的对象
 * @return {Promise<string>|Promise<Error>} 返回一个Promise对象并返回地址链接
 */
function uploadFile(files) {}

// main.js
Vue.use(BaseUIPro, {
    uploadFile, // 文件上传函数
    mapKey: '高德地图key', // 高德地图key
    tmapKey: '腾讯地图key', // 腾讯地图key
});

3. 引入组件

<template>
    <div id="app">
        <img
            alt="Vue logo"
            src="./assets/logo.png"
        >
        <BaseEditor v-model="data" />
    </div>
</template>

<script>
    import BaseEditor from 'hjt-base-ui-pro/BaseEditor.vue';

    export default {
        components: {
            BaseEditor
        },
        data() {
            return {
                data: ''
            }
        }
    };
</script>

组件目录

• BaseEditor - 编辑器组件
• BaseForm - 表单组件
• BaseHeader - 头部组件
• BaseStepForm - 步骤表单组件
• BaseTable - 表格组件
• BaseUpload - 上传组件
• BaseUploadPictureCard - 图片上传按钮
• BaseUploadResultPicture - 上传结果【图片样式】
• BaseUploadResultList - 上传结果【列表样式】
• BaseMap - 地图组件

实现细节

BaseEditor组件编辑器基于wangeditor v4.0开发

BaseMap组件地图基于高德地图 v2.0开发

文档

文档地址 案例地址

常见问题

暂无

后续计划

• BaseStepForm引用BaseForm