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

新增移动端组件;移动端新增分组导航组件

Browse Source
This commit is contained in:
augushong
2021-06-28 21:58:08 +08:00
parent ab20656442
commit 3abdc52c43
19 changed files with 92 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

156
demo/pc/header.html Normal file
View File

@@ -0,0 +1,156 @@
<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">
<div class="ul-padding-md">
<div class="ul-header-a">
<div class="ul-header-a-main">
<div class="ul-header-a-left">
Hi:欢迎来到{:get_system_config('site_name')}
</div>
<div class="ul-header-a-right">
<div class="ul-header-a-nav-item" style="min-width: 100px;">
<div class="ul-header-a-img" style="background-image: url('{$site_logo_src}');">
</div>
<span>奥宏科技</span>
<div class="ul-header-a-nav-plus" style="left: 0;width: 100%">
<div class="ul-nav-min" style="width: 100%">
<div class="ul-nav-min-item">
个人中心
</div>
<div class="ul-nav-min-item">
安全中心
</div>
<div class="ul-nav-min-item">
数据中心
</div>
</div>
</div>
</div>
<div class="ul-header-a-nav-item">
充值
</div>
<div class="ul-header-a-nav-item">
提现
</div>
<div class="ul-header-a-nav-item">
退出
</div>
<div class="ul-header-a-nav-item">
<div class="layui-btn layui-btn-xs">在线客服</div>
</div>
</div>
</div>
</div>
</div>
<div class="ul-padding-md">
<div class="ul-header-a">
<div class="ul-header-a-main" style="max-width: 600px;">
<div class="ul-header-a-left">
Hi:欢迎来到{:get_system_config('site_name')}
</div>
<div class="ul-header-a-right">
<div class="ul-header-a-nav-item" style="min-width: 100px;">
<div class="ul-header-a-img" style="background-image: url('{$site_logo_src}');">
</div>
<span>奥宏科技</span>
<div class="ul-header-a-nav-plus" style="left: 0;width: 100%">
<div class="ul-nav-min" style="width: 100%">
<div class="ul-nav-min-item">
个人中心
</div>
<div class="ul-nav-min-item">
安全中心
</div>
<div class="ul-nav-min-item">
数据中心
</div>
</div>
</div>
</div>
<div class="ul-header-a-nav-item">
充值
</div>
<div class="ul-header-a-nav-item">
提现
</div>
<div class="ul-header-a-nav-item">
退出
</div>
<div class="ul-header-a-nav-item">
<div class="layui-btn layui-btn-xs">在线客服</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>