Browse Source

添加底部导航栏样式

lwx_dev
erdanergou 3 years ago
parent
commit
a16a36e91e
  1. 35
      src/main/resources/templates/index_mobile.html
  2. 35
      target/classes/templates/index_mobile.html

35
src/main/resources/templates/index_mobile.html

@ -68,9 +68,9 @@
<ul class="layui-nav layui-layout-right"> <ul class="layui-nav layui-layout-right">
<li class="layui-nav-item" lay-unselect> <!-- <li class="layui-nav-item" lay-unselect>-->
<a href="javascript:" id="scan"><i class="fa fa-qrcode" aria-hidden="true"></i></a> <!-- <a href="javascript:" id="scan"><i class="fa fa-qrcode" aria-hidden="true"></i></a>-->
</li> <!-- </li>-->
<li class="layui-nav-item" lay-unselect> <li class="layui-nav-item" lay-unselect>
<a href="javascript:" data-refresh="刷新"><i class="fa fa-refresh"></i></a> <a href="javascript:" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
</li> </li>
@ -115,42 +115,41 @@
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-home fa-lg fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px;">首页</span>
</a> </a>
</div> </div>
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="功能" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-minus-square-o fa-lg fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px;">功能</span>
</a> </a>
</div> </div>
</div> </div>
<!-- 导航栏中间按钮--> <!-- 导航栏中间按钮-->
<div class="layuimini-footer-content-center"> <div class="layuimini-footer-content-center">
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a id="scan">
data-icon="fa fa-window-maximize"> <i class="fa-qrcode fa-fw fa-lg fa" style=" position: relative; top: -5px; left: 20px;"></i>
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <span style=" display: inline-block; position: relative; top: 10px;left: -22px;font-size: 13px">库存查看</span>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span>
</a> </a>
</div> </div>
</div> </div>
<!-- 导航栏右侧按钮--> <!-- 导航栏右侧按钮-->
<div class="layuimini-footer-content-right"> <div class="layuimini-footer-content-right">
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="消息" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-comment-o fa-lg fa-fw" style=" position: relative; top: -8px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px;font-size: 14px">消息</span>
</a> </a>
</div> </div>
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="我的" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-user-o fa-lg fa-fw" style=" position: relative; top: -8px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px; font-size: 14px">我的</span>
</a> </a>
</div> </div>
</div> </div>

35
target/classes/templates/index_mobile.html

@ -68,9 +68,9 @@
<ul class="layui-nav layui-layout-right"> <ul class="layui-nav layui-layout-right">
<li class="layui-nav-item" lay-unselect> <!-- <li class="layui-nav-item" lay-unselect>-->
<a href="javascript:" id="scan"><i class="fa fa-qrcode" aria-hidden="true"></i></a> <!-- <a href="javascript:" id="scan"><i class="fa fa-qrcode" aria-hidden="true"></i></a>-->
</li> <!-- </li>-->
<li class="layui-nav-item" lay-unselect> <li class="layui-nav-item" lay-unselect>
<a href="javascript:" data-refresh="刷新"><i class="fa fa-refresh"></i></a> <a href="javascript:" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
</li> </li>
@ -115,42 +115,41 @@
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-home fa-lg fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px;">首页</span>
</a> </a>
</div> </div>
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="功能" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-minus-square-o fa-lg fa-fw" style=" position: relative; top: -5px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px;">功能</span>
</a> </a>
</div> </div>
</div> </div>
<!-- 导航栏中间按钮--> <!-- 导航栏中间按钮-->
<div class="layuimini-footer-content-center"> <div class="layuimini-footer-content-center">
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a id="scan">
data-icon="fa fa-window-maximize"> <i class="fa-qrcode fa-fw fa-lg fa" style=" position: relative; top: -5px; left: 20px;"></i>
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <span style=" display: inline-block; position: relative; top: 10px;left: -22px;font-size: 13px">库存查看</span>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span>
</a> </a>
</div> </div>
</div> </div>
<!-- 导航栏右侧按钮--> <!-- 导航栏右侧按钮-->
<div class="layuimini-footer-content-right"> <div class="layuimini-footer-content-right">
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="消息" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-comment-o fa-lg fa-fw" style=" position: relative; top: -8px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px;font-size: 14px">消息</span>
</a> </a>
</div> </div>
<div class="layuimini-footer-content-item"> <div class="layuimini-footer-content-item">
<a href="javascript:;" layuimini-content-href="/welcome" data-title="首页" style="display: inline-block" <a href="javascript:;" layuimini-content-href="/welcome" data-title="我的" style="display: inline-block"
data-icon="fa fa-window-maximize"> data-icon="fa fa-window-maximize">
<i class="fa fa-home fa-fw" style=" position: relative; top: -5px; left: 15px;"></i> <i class="fa fa-user-o fa-lg fa-fw" style=" position: relative; top: -8px; left: 15px;"></i>
<span style=" display: inline-block; position: relative; top: 10px;left: -11px;">首页</span> <span style=" display: inline-block; position: relative; top: 10px;left: -15px; font-size: 14px">我的</span>
</a> </a>
</div> </div>
</div> </div>

Loading…
Cancel
Save