noob-components/examples/App.vue

<template>
    <Index :menus="menus" @updatePwd="pwd => console.log(pwd)"></Index>
</template>

<script lang="ts" setup>
import { reactive, onMounted, ref } from "vue";
import { useStore } from "vuex";
import { Index } from "noob";

const store = useStore();

const menus = [
    {
        title: "主页", path: "home", icon: ""
    },
    {
        title: "通用", path: "base", icon: "", children: [
            { title: "表格", path: "table", icon: "" },
            { title: "表单", path: "form", icon: "" },
        ]
    },
    {
        title: "工具", path: "tool", icon: "", children: [
            { title: "终端", path: "terminal", icon: "" },
            { title: "颜色", path: "color", icon: "" },
        ]
    }
]

onMounted(() => { });

</script>

<style lang="scss">
body {
    font-size: 14px;
    font-family: "Microsoft YaHei";
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

::v-deep .no-padding .el-dialog__body {
    background-color: black;
}
</style>