mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-01 10:32:49 +08:00
feat: 迁移经典头部跳转导航
This commit is contained in:
@@ -47,6 +47,7 @@
|
||||
@import './nav/ul-nav-block/index';
|
||||
@import './nav/ul-nav-easy/index';
|
||||
@import './nav/ul-nav-grid/index';
|
||||
@import './nav/ul-nav-header/index';
|
||||
@import './nav/ul-nav-info/index';
|
||||
@import './nav/ul-nav-min/index';
|
||||
@import './nav/ul-nav-tree/index';
|
||||
|
||||
6
source/components/nav/ul-nav-header/_index.env
Normal file
6
source/components/nav/ul-nav-header/_index.env
Normal file
@@ -0,0 +1,6 @@
|
||||
title=经典头部跳转导航
|
||||
padding=0
|
||||
margin=0
|
||||
gray=0
|
||||
mobile=0
|
||||
inner_margin=0
|
||||
84
source/components/nav/ul-nav-header/_index.html
Normal file
84
source/components/nav/ul-nav-header/_index.html
Normal file
@@ -0,0 +1,84 @@
|
||||
<div class="ul-section">
|
||||
<div class="ul-nav-header">
|
||||
<div class="ul-nav-header-main">
|
||||
|
||||
<div class="ul-nav-header-left">
|
||||
<img
|
||||
style="height: 60px"
|
||||
src="{$site_logo_src}"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
<div class="ul-nav-header-right">
|
||||
<div class="ul-nav-header-item">
|
||||
首页
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
活动中心
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
咨询
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
帮助指南
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ul-section">
|
||||
<div class="ul-nav-header ul-nav-header-red">
|
||||
<div class="ul-nav-header-main">
|
||||
|
||||
<div class="ul-nav-header-left">
|
||||
<img
|
||||
style="height: 60px"
|
||||
src="{$site_logo_src}"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
<div class="ul-nav-header-right">
|
||||
<div class="ul-nav-header-item">
|
||||
首页
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
活动中心
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
咨询
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
帮助指南
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ul-section">
|
||||
<div class="ul-nav-header ul-nav-header-primary">
|
||||
<div class="ul-nav-header-main">
|
||||
|
||||
<div class="ul-nav-header-left">
|
||||
<img
|
||||
style="height: 80px"
|
||||
src="{$site_logo_src}"
|
||||
alt=""
|
||||
>
|
||||
</div>
|
||||
<div class="ul-nav-header-right">
|
||||
<div class="ul-nav-header-item">
|
||||
首页
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
活动中心
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
咨询
|
||||
</div>
|
||||
<div class="ul-nav-header-item">
|
||||
帮助指南
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
0
source/components/nav/ul-nav-header/_index.md
Normal file
0
source/components/nav/ul-nav-header/_index.md
Normal file
5
source/components/nav/ul-nav-header/_index.php
Normal file
5
source/components/nav/ul-nav-header/_index.php
Normal file
@@ -0,0 +1,5 @@
|
||||
<?php
|
||||
|
||||
return [
|
||||
|
||||
];
|
||||
48
source/components/nav/ul-nav-header/_index.scss
Normal file
48
source/components/nav/ul-nav-header/_index.scss
Normal file
@@ -0,0 +1,48 @@
|
||||
|
||||
.ul-nav-header-main {
|
||||
display : flex;
|
||||
align-items : center;
|
||||
justify-content: space-between;
|
||||
padding : 5px 15px;
|
||||
margin : 0 auto;
|
||||
}
|
||||
|
||||
.ul-nav-header-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.ul-nav-header-item {
|
||||
display : inline-block;
|
||||
margin-right: 15px;
|
||||
cursor : pointer;
|
||||
padding : 5px 15px;
|
||||
color : #333;
|
||||
}
|
||||
|
||||
.ul-nav-header-item:hover {
|
||||
color: #6cf;
|
||||
}
|
||||
|
||||
.ul-nav-header-red {
|
||||
background-color: #f72222;
|
||||
}
|
||||
|
||||
.ul-nav-header-red .ul-nav-header-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ul-nav-header-red .ul-nav-header-item:hover {
|
||||
color: #fedf50;
|
||||
}
|
||||
|
||||
.ul-nav-header-primary {
|
||||
background-color: #6cf;
|
||||
}
|
||||
|
||||
.ul-nav-header-primary .ul-nav-header-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ul-nav-header-primary .ul-nav-header-item:hover {
|
||||
color: #ccffff;
|
||||
}
|
||||
Reference in New Issue
Block a user