ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-08 05:12:48 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 迁移通用头部

Browse Source
This commit is contained in:
augushong
2025-09-01 12:17:16 +08:00
parent ddb72d0760
commit 18126c2574
13 changed files with 127 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
source/components/header/ul-header/_index.env Normal file
View File

@@ -0,0 +1,6 @@
title=通用PC头部
padding=0
margin=0
gray=0
mobile=0
inner_margin=0

69
source/components/header/ul-header/_index.html Normal file
View File

@@ -0,0 +1,69 @@
<div class="ul-section">
<div class="ul-header">
<div
class="ul-header-main"
style="max-width: 600px;"
>
<div class="ul-header-left">
<div class="">
<img
class="ul-header-logo"
src="/static/images/ulthon_logo_108.png"
alt=""
>
</div>
</div>
<div class="ul-header-right">
<div class="ul-header-user">
<div class="ul-header-user-avatar">
</div>
<div class="ul-header-user-info">
<div class="ul-header-user-name">
奥古斯宏
</div>
<div class="ul-header-user-options">
<i class="ul-icon-exit"></i>
<span>退出</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ul-section">
<div class="ul-header ">
<div class="ul-header-main">
<div class="ul-header-left">
<div class="">
<img
class="ul-header-logo"
src="/static/images/ulthon_logo_108.png"
alt=""
>
</div>
</div>
<div class="ul-header-right">
<div class="ul-header-user">
<div class="ul-header-user-avatar">
</div>
<div class="ul-header-user-info">
<div class="ul-header-user-name">
奥古斯宏
</div>
<div class="ul-header-user-options">
<i class="ul-icon-exit"></i>
<span>退出</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

0
source/components/header/ul-header/_index.md Normal file
View File

5
source/components/header/ul-header/_index.php Normal file
View File

@@ -0,0 +1,5 @@
<?php
return [
];

44
source/components/header/ul-header/_index.scss Normal file
View File

@@ -0,0 +1,44 @@
/* 头部开始 */
.ul-header {
background-color: #fff;
box-shadow : 0 3px 5px #999;
padding : 3px;
}
.ul-header-main {
display : flex;
justify-content: space-between;
align-items : center;
margin : 0 auto;
}
.ul-header-logo {
max-height: 48px;
}
.ul-header-user {
display : flex;
align-items : center;
justify-content: center;
}
.ul-header-user-avatar {
background-image : url("/static/images/avatar.png");
width : 45px;
height : 45px;
background-size : cover;
background-position: center;
}
.ul-header-user-options {
display : flex;
align-items: center;
color : #999;
font-size : 12px;
cursor : pointer;
margin-top : 5px;
}
.ul-header-user-info {
margin-left: 10px;
}