SlashLayerVue3 輕量彈框插件

Vue3輕量彈框插件

基于VUE3開發(fā)的Web彈出層插件內置各種常用尺寸模態(tài)框、提示消息等，可以輕松完成后臺管理系統(tǒng)等業(yè)務表單開發(fā)，全身心投入摸魚事業(yè)!

項目特點

1. 為了快速開發(fā)后臺管理系統(tǒng)
2. 后期適配移動端和指令式彈框

快速開始

安裝

yarn add slash-layer

npm install slash-layer

全局配置

import {LayerGlobalConfigure} from "../packages/components/Layer/ts/LayerConfigureDefinition";

export const config = {
    title: "自定義全局標題",
    max: false, //最大化按鈕
    min: false,//最小化按鈕
    header: true, //顯示彈出框頭部
    loadingTime: 500,//加載效果時長/毫秒
    dbFull: true, //雙擊面板頂部最大化最小化
    //表單自動提交后對響應結果進行破判斷
    successDecide(msg: any) {
        console.log(msg);
        if (msg.code == 200) {
            return {
                msg: msg.msg, result: true, data: msg.data
            }
        } else {
            return {
                msg: msg.msg, result: false, data: msg.data
            }
        }
    }
} as LayerGlobalConfigure
export default config

使用

import {createApp} from 'vue'
import App from './Doc.vue'
import SlashLayer from 'slash-layer';
import {config} from './LayerConfig';

let app = createApp(App);
app.use(SlashLayer, config)
app.mount('#app')