layout 5.1页面布局
页面展示
一般表单示例代码
<template>
<t-layout>
<NwSysLayoutHeaderApp >
<template #operations>
<NwRemind />
<a @click="toBackStage" style="width: auto; text-align: center; padding: 10px;color: #fff;">进入前台</a>
<NwSysToolbar />
<NwHelpDoc />
</template>
</NwSysLayoutHeaderApp>
<t-layout>
<NwSysLayoutSiderMenu />
<NwSysLayoutContent />
</t-layout>
</t-layout>
</template>
<script setup lang="ts">
import {
NwRemind,
NwSysLayoutHeaderApp,
NwSysLayoutSiderMenu,
NwSysLayoutContent,
NwHelpDoc,
NwSysToolbar
} from "@platform-lib/base"
</script>
layout5.1布局 详解
分为头部,左侧,内容三大模块(如上图)。
头部区域NwSysLayoutHeaderApp ---> 上图H1
01为平台logo ----- 在平台管理/系统管理/系统配置中修改
02为平台APP ----- 自动获取平台APP数据
03为平台消息 ----- 个人消息推送
04为个人中心 ----- 可修改个人信息
左侧区域NwSysLayoutSiderMenu ---> 上图S1(根据上方APP获取菜单)
内容区域NwSysLayoutContent ---> 上图C1(根据左侧菜单获取具体内容)
Last modified: 20 一月 2025