mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-09 21:52:48 +08:00
feat: 迁移通用头部
This commit is contained in:
augushong
@@ -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>
|
|
||||||
@@ -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>
|
|
||||||
@@ -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">
|
<fieldset class="layui-elem-field layui-field-title">
|
||||||
<legend>经典头部</legend>
|
<legend>经典头部</legend>
|
||||||
<div class="layui-field-box">
|
<div class="layui-field-box">
|
||||||
|
|||||||
@@ -551,51 +551,6 @@
|
|||||||
margin-left: 92px;
|
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 {
|
.layui-quote-gray {
|
||||||
background-color: #f0f0f0;
|
background-color: #f0f0f0;
|
||||||
color: #666;
|
color: #666;
|
||||||
@@ -1455,6 +1410,51 @@
|
|||||||
margin-bottom: 15px;
|
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 {
|
.ul-header-shape {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
2
public/cdn/layui-ul.min.css
vendored
2
public/cdn/layui-ul.min.css
vendored
File diff suppressed because one or more lines are too long
@@ -21,6 +21,7 @@
|
|||||||
@import './element/ul-element-fixed-option/index';
|
@import './element/ul-element-fixed-option/index';
|
||||||
@import './element/ul-loading-pos/index';
|
@import './element/ul-loading-pos/index';
|
||||||
@import './group_panel/ul-group-list/index';
|
@import './group_panel/ul-group-list/index';
|
||||||
|
@import './header/ul-header/index';
|
||||||
@import './header/ul-header-shape/index';
|
@import './header/ul-header-shape/index';
|
||||||
@import './header/ul-shop-header/index';
|
@import './header/ul-shop-header/index';
|
||||||
@import './list/ul-ad-list/index';
|
@import './list/ul-ad-list/index';
|
||||||
|
|||||||
6
source/components/header/ul-header/_index.env
Normal file
6
source/components/header/ul-header/_index.env
Normal 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
69
source/components/header/ul-header/_index.html
Normal 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
0
source/components/header/ul-header/_index.md
Normal file
5
source/components/header/ul-header/_index.php
Normal file
5
source/components/header/ul-header/_index.php
Normal file
@@ -0,0 +1,5 @@
|
|||||||
|
<?php
|
||||||
|
|
||||||
|
return [
|
||||||
|
|
||||||
|
];
|
||||||
@@ -1 +0,0 @@
|
|||||||
@import './ul-header';
|
|
||||||
@@ -7,7 +7,6 @@
|
|||||||
@import './jumbotron/index';
|
@import './jumbotron/index';
|
||||||
@import './footer/index';
|
@import './footer/index';
|
||||||
@import './desciptions/index';
|
@import './desciptions/index';
|
||||||
@import './header/_index';
|
|
||||||
@import '../components/index';
|
@import '../components/index';
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user