yiqiu/BlackFruit-UI
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: clientarea 布局重构 — 顶栏全宽独占一行
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source 
HTML 结构变更 (20个PHP文件):
- 旧: el-container > [aside-menu, el-container > [top-menu, el-main]]
- 新: el-container[direction=vertical] > [top-menu, el-container > [aside-menu, el-main]]

CSS 适配:
- el-header: sticky top:0, z-index:100, width:100%
- el-aside: height calc(100vh-60px), sticky top:60px
This commit is contained in:
yiqiu
2026-03-20 08:09:31 +08:00
parent f9c0319b0c
commit a5fab1e519
26 changed files with 257 additions and 250 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
.DS_Store vendored Normal file
View File

Binary file not shown.

4
clientarea/hgcloud/404.php
View File

@@ -5,10 +5,10 @@
<body> <body>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/NotFound.php
View File

@@ -28,10 +28,10 @@
<body> <body>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/account.php
View File

@@ -14,10 +14,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div id="account" class="template"> <div id="account" class="template">
<el-container direction="vertical">
<top-menu ref="topMenuRef"></top-menu>
<el-container> <el-container>
<aside-menu :menu-active-id="2" @getruleslist="getRule"></aside-menu> <aside-menu :menu-active-id="2" @getruleslist="getRule"></aside-menu>
<el-container>
<top-menu ref="topMenuRef"></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/crossModule.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="product"> <div class="product">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<div class="main-card"> <div class="main-card">
<!-- 表格 --> <!-- 表格 -->

7
clientarea/hgcloud/css/dark-override.css
View File

@@ -29,6 +29,9 @@ html, body {
.el-aside { .el-aside {
background: #FFFFFF !important; background: #FFFFFF !important;
border-right: 1px solid rgba(0,0,0,0.06); border-right: 1px solid rgba(0,0,0,0.06);
height: calc(100vh - 60px) !important;
position: sticky !important;
top: 60px !important;
} }
.ali-logo { .ali-logo {
@@ -111,6 +114,10 @@ html, body {
backdrop-filter: none !important; backdrop-filter: none !important;
box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important; box-shadow: 0 1px 0 rgba(0,0,0,0.06) !important;
border-bottom: 1px solid rgba(0,0,0,0.06); border-bottom: 1px solid rgba(0,0,0,0.06);
position: sticky !important;
top: 0 !important;
z-index: 100 !important;
width: 100% !important;
} }
.el-header .search-value, .el-header .search-value,

0
clientarea/hgcloud/css/light Normal file
View File

0
clientarea/hgcloud/css/lighter Normal file
View File

4
clientarea/hgcloud/finance.php
View File

@@ -14,10 +14,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template" id="finance"> <div class="template" id="finance">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu @getruleslist="getRule"></aside-menu> <aside-menu @getruleslist="getRule"></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 订单列表 --> <!-- 订单列表 -->
<div class="finance main-card"> <div class="finance main-card">

4
clientarea/hgcloud/group_rules.php
View File

@@ -14,10 +14,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu @getruleslist="getRule"></aside-menu> <aside-menu @getruleslist="getRule"></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card security-group"> <div class="main-card security-group">

4
clientarea/hgcloud/home.php
View File

@@ -12,10 +12,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/networkErro.php
View File

@@ -5,10 +5,10 @@
<body> <body>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/noPermissions.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<div class="box"> <div class="box">
<!-- 自己的东西 --> <!-- 自己的东西 -->

4
clientarea/hgcloud/orderDetail.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="order-detail"> <div class="order-detail">

4
clientarea/hgcloud/product.php
View File

@@ -11,10 +11,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="product"> <div class="product">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<!-- 后端渲染出来的配置页面 --> <!-- 后端渲染出来的配置页面 -->

4
clientarea/hgcloud/productList.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="product"> <div class="product">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<div class="main-card"> <div class="main-card">
<div class="main-card-title"> <div class="main-card-title">

4
clientarea/hgcloud/product_list.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/productdetail.php
View File

@@ -5,10 +5,10 @@
<body> <body>
<!-- mounted之前显示 --> <!-- mounted之前显示 -->
<div class="product_detail template"> <div class="product_detail template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<!-- 后端渲染出来的配置页面 --> <!-- 后端渲染出来的配置页面 -->

4
clientarea/hgcloud/security.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu @getruleslist="getRule"></aside-menu> <aside-menu @getruleslist="getRule"></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/security_group.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu @getruleslist="getRule"></aside-menu> <aside-menu @getruleslist="getRule"></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card security-group"> <div class="main-card security-group">

4
clientarea/hgcloud/security_log.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu @getruleslist="getRule"></aside-menu> <aside-menu @getruleslist="getRule"></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/security_ssh.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu @getruleslist="getRule"></aside-menu> <aside-menu @getruleslist="getRule"></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

4
clientarea/hgcloud/template.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
</el-main> </el-main>

4
clientarea/hgcloud/withdrawal.php
View File

@@ -13,10 +13,10 @@
<div class="ddr ddr5"></div> <div class="ddr ddr5"></div>
</div> </div>
<div class="template"> <div class="template">
<el-container direction="vertical">
<top-menu></top-menu>
<el-container> <el-container>
<aside-menu></aside-menu> <aside-menu></aside-menu>
<el-container>
<top-menu></top-menu>
<el-main> <el-main>
<!-- 自己的东西 --> <!-- 自己的东西 -->
<div class="main-card"> <div class="main-card">

BIN
default_cbDy3.tar.gz
View File

Binary file not shown.

BIN
theme.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 4.6 MiB