mirror of
https://gitee.com/ulthon/layui-ul.git
synced 2026-07-01 18:42:47 +08:00
156 lines
4.9 KiB
HTML
156 lines
4.9 KiB
HTML
<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> |