ulthon/layui-ul
1
0
Fork 0
mirror of https://gitee.com/ulthon/layui-ul.git synced 2026-07-01 10:32:49 +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

10
demo/pc/card.html
View File

@@ -1,10 +0,0 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>消息信息操作卡片</legend>
<div class="layui-field-box ">
<div class="ul-padding-md ul-bg-gray">
</div>
</div>
</fieldset>

12
demo/pc/files.html
View File

@@ -1,12 +0,0 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>仿WIN10风格文件管理器</legend>
<div class="layui-field-box">
<div>
<div>
</div>
</div>
</div>
</fieldset>

65
demo/pc/header.html
View File

@@ -1,68 +1,3 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>通用PC头部</legend>
<div class="layui-field-box">
<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>
</div>
</fieldset>
<fieldset class="layui-elem-field layui-field-title">
<legend>经典头部</legend>
<div class="layui-field-box">

90
public/cdn/layui-ul.css
View File

@@ -551,51 +551,6 @@
margin-left: 92px;
}
/* 头部开始 */
.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;
}
.layui-quote-gray {
background-color: #f0f0f0;
color: #666;
@@ -1455,6 +1410,51 @@
margin-bottom: 15px;
}
/* 头部开始 */
.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;
}
.ul-header-shape {
display: flex;
align-items: center;

2
public/cdn/layui-ul.min.css vendored
View File

File diff suppressed because one or more lines are too long

1
source/components/_index.scss
View File

@@ -21,6 +21,7 @@
@import './element/ul-element-fixed-option/index';
@import './element/ul-loading-pos/index';
@import './group_panel/ul-group-list/index';
@import './header/ul-header/index';
@import './header/ul-header-shape/index';
@import './header/ul-shop-header/index';
@import './list/ul-ad-list/index';

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 [
];

0
source/scss/header/_ul-header.scss → source/components/header/ul-header/_index.scss
View File

1
source/scss/header/_index.scss
View File

@@ -1 +0,0 @@
@import './ul-header';

1
source/scss/layui-ul.scss
View File

@@ -7,7 +7,6 @@
@import './jumbotron/index';
@import './footer/index';
@import './desciptions/index';
@import './header/_index';
@import '../components/index';