pfz_smile
/
depositroy
2
0
Fork 0
Code Issues Pull Requests Projects Releases 1 Wiki Activity
Browse Source

添加底部导航栏样式

lwx_dev
erdanergou 3 years ago
parent
cb02b23115
commit
a80979c7c8
5 changed files with 162 additions and 74 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 34
      target/classes/static/css/layuimini.css
  2. 66
      target/classes/static/css/public.css
  3. 12
      target/classes/static/lib/layui-v2.6.3/css/layui.css
  4. 67
      target/classes/templates/index_mobile.html
  5. 57
      target/classes/templates/pages/other/welcome.html

34
target/classes/static/css/layuimini.css
View File

@ -836,6 +836,11 @@
left: 0;
}
.layuimini-footer-content {
left: 0;
}
.layui-layout-admin .layui-body .layui-tab-item.layui-show {
border-top: 1px solid #e2e2e2;
}
@ -915,6 +920,35 @@
z-index: 997;
}
.layuimini-footer-content {
z-index: 997;
text-align: center;
}
.layuimini-footer-content-right {
width: 35%;
display: inline-block;
}
.layuimini-footer-content-center {
width: 20%;
display: inline-block;
}
.layuimini-footer-content-left {
width: 35%;
display: inline-block;
}
.layuimini-footer-content-item {
width: 1%;
position: relative;
text-overflow: ellipsis;
overflow: hidden;
display: table-cell;
}
/*修复UC之类的浏览器点击无效*/
.layuimini-make {
cursor: pointer;

66
target/classes/static/css/public.css
View File

@ -162,4 +162,68 @@ body {
background-color: rgba(0, 0, 0, .7);
color: #fff;
cursor: pointer;
}
}
.layuimini-qiuck-module a i {
display: inline-block;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 2px;
font-size: 30px;
background-color: #F8F8F8;
color: #333;
transition: all .3s;
-webkit-transition: all .3s;
}
.layuimini-qiuck-module a cite {
position: relative;
top: 2px;
display: block;
color: #666;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
}
.layuimini-notice:hover, .layuimini-myTask:hover {
background: #f6f6f6;
}
.layuimini-notice, .layuimini-myTask {
padding: 7px 16px;
clear: both;
font-size: 12px !important;
cursor: pointer;
position: relative;
transition: background 0.2s ease-in-out;
}
.layuimini-notice-title, .layuimini-notice-label, .layuimini-myTask-type {
padding-right: 70px !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.layuimini-notice-title, .layuimini-myTask-type {
line-height: 28px;
font-size: 14px;
}
.layuimini-notice-extra, .layuimini-myTask-extra {
position: absolute;
top: 50%;
margin-top: -8px;
right: 16px;
display: inline-block;
height: 16px;
color: #999;
}

12
target/classes/static/lib/layui-v2.6.3/css/layui.css
View File

@ -963,6 +963,7 @@ a cite {
background-color: #23262E
}
.layui-layout-admin .layui-side {
top: 60px;
width: 200px;
@ -982,15 +983,16 @@ a cite {
.layui-layout-admin .layui-footer {
position: fixed;
left: 200px;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
height: 44px;
line-height: 44px;
height: 50px;
line-height: 50px;
padding: 0 15px;
box-shadow: -1px 0 4px rgb(0 0 0 / 12%);
background-color: #FAFAFA
background-color: #FAFAFA;
table-layout: fixed;
}
.layui-layout-admin .layui-logo {
@ -5792,4 +5794,4 @@ body .layui-util-face .layui-layer-content {
.layui-anim-fadeout {
-webkit-animation-name: layui-fadeout;
animation-name: layui-fadeout
}
}

67
target/classes/templates/index_mobile.html
View File

@ -17,6 +17,7 @@
<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all">
<link rel="stylesheet" href="/static/css/layuimini.css?v=2.0.4.2" media="all">
<link rel="stylesheet" href="/static/css/themes/default.css" media="all">
<link rel="stylesheet" href="/static/css/public.css" media="all">
<link rel="stylesheet" href="/static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
<!--[if lt IE 9]>
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
@ -30,23 +31,24 @@
<script src="../static/js/vue/vue-router.js"></script>
<script src="../static/lib/http-vue-loader/src/httpVueLoader.js"></script>
<style id="layuimini-bg-color">
.layui-header{
.layui-header {
height: 35px !important;
}
.layui-nav {
height: 35px !important;
}
.layui-nav-item {
.layui-nav-item {
color: #1b1d21;
line-height: 35px !important;
}
.layui-layout-admin .layui-body{
.layui-layout-admin .layui-body {
top: 35px !important;
}
</style>
</head>
<body class="layui-layout-body layuimini-all">
@ -105,11 +107,57 @@
</div>
</div>
<!--无限极左侧菜单-->
<div class="layui-side layui-bg-black layuimini-menu-left">
<!-- 底部导航栏-->
<div class="layui-footer ">
<div class="layuimini-footer-content">
<!-- 导航栏左侧按钮-->
<div class="layuimini-footer-content-left">
<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>
</div>
<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>
</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>
</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"
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>
</div>
<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>
</div>
</div>
</div>
</div>
<!--初始化加载层-->
<div class="layuimini-loader">
<div class="layuimini-loader-inner"></div>
@ -118,8 +166,6 @@
<!--手机端遮罩层-->
<div class="layuimini-make"></div>
<!-- 移动导航 -->
<div class="layuimini-site-mobile"><i class="layui-icon"></i></div>
<div class="layui-body">
@ -165,7 +211,6 @@
miniAdmin = layui.miniAdmin;
var dataByConfig;
var uid = $("#uid").text();
var options = {
@ -234,7 +279,7 @@
timestamp: data.timestamp, // 必填，生成签名的时间戳
nonceStr: data.noncestr, // 必填，生成签名的随机串
signature: data.jsapi_ticket_enterprises,// 必填，签名，见 附录-JS-SDK使用权限签名算法
jsApiList: ['invoke','thirdPartyOpenPage','scanQRCode'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
jsApiList: ['invoke', 'thirdPartyOpenPage', 'scanQRCode'] // 必填，需要使用的JS接口列表，凡是要调用的接口都需要传进来
});
}
});

57
target/classes/templates/pages/other/welcome.html
View File

@ -37,30 +37,6 @@
margin-top: 10px
}
.layuimini-qiuck-module a i {
display: inline-block;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center;
border-radius: 2px;
font-size: 30px;
background-color: #F8F8F8;
color: #333;
transition: all .3s;
-webkit-transition: all .3s;
}
.layuimini-qiuck-module a cite {
position: relative;
top: 2px;
display: block;
color: #666;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 14px;
}
.welcome-module {
width: 100%;
@ -112,40 +88,7 @@
background-color: #F8F8F8;
}
.layuimini-notice:hover, .layuimini-myTask:hover {
background: #f6f6f6;
}
.layuimini-notice, .layuimini-myTask {
padding: 7px 16px;
clear: both;
font-size: 12px !important;
cursor: pointer;
position: relative;
transition: background 0.2s ease-in-out;
}
.layuimini-notice-title, .layuimini-notice-label, .layuimini-myTask-type {
padding-right: 70px !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.layuimini-notice-title, .layuimini-myTask-type {
line-height: 28px;
font-size: 14px;
}
.layuimini-notice-extra, .layuimini-myTask-extra {
position: absolute;
top: 50%;
margin-top: -8px;
right: 16px;
display: inline-block;
height: 16px;
color: #999;
}
</style>
</head>
<body>

Write Preview
Loading…
Cancel
Save