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

35
target/classes/templates/index_mobile.html

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

Loading…
Cancel
Save