完善定义
This commit is contained in:
27
AutoRobot/Windows/Robot/Web/src/views/DockLayoutTest.vue
Normal file
27
AutoRobot/Windows/Robot/Web/src/views/DockLayoutTest.vue
Normal file
@@ -0,0 +1,27 @@
|
||||
<template>
|
||||
<div class="dock-layout-test w-full h-screen bg-gray-100">
|
||||
<!-- 顶部控制栏(仿 DockPanelDemo.vue 样式) -->
|
||||
<div class="demo-control-bar bg-white border-b border-gray-300 p-3 flex items-center justify-between">
|
||||
<div class="flex items-center space-x-4">
|
||||
- <h1 class="text-lg font-semibold text-gray-800">依靠面板测试</h1>
|
||||
+ <h1 class="text-lg font-semibold text-gray-800">停靠面板测试</h1>
|
||||
</div>
|
||||
<div class="text-sm text-gray-500">
|
||||
当前页面用于测试 DockLayout 布局;下方暂留空。
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 预留主区域(暂不放面板) -->
|
||||
<div class="flex-1 w-full h-[calc(100%-4rem)]">
|
||||
<!-- 预留区域:后续将放置 DockLayout 容器 -->
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
// 暂无逻辑,后续将接入 DockLayout 容器与交互
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/* 可按需添加页面专属样式 */
|
||||
</style>
|
||||
@@ -30,6 +30,12 @@
|
||||
>
|
||||
停靠面板演示
|
||||
</router-link>
|
||||
<router-link
|
||||
to="/dock-layout-test"
|
||||
class="bg-teal-600 hover:bg-teal-700 text-white px-8 py-4 rounded-lg text-lg font-semibold transition-colors shadow-lg"
|
||||
>
|
||||
停靠面板测试
|
||||
</router-link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user