|
|
|
@ -54,52 +54,6 @@ jQuery(document).ready(function($){ |
|
|
|
<script type="text/javascript" src="../skin/js/selectivizr.js"></script> |
|
|
|
<script type="text/javascript" src="../skin/js/excanvas.compiled.js"></script> |
|
|
|
<![endif]--> |
|
|
|
<style> |
|
|
|
.menuItem{ |
|
|
|
width: 100%; |
|
|
|
font-size: 16px; |
|
|
|
cursor: pointer; |
|
|
|
padding: 0 10px; |
|
|
|
font-weight: bold; |
|
|
|
position: relative; |
|
|
|
background: #B2B2B2; |
|
|
|
} |
|
|
|
|
|
|
|
.menuIcon{ |
|
|
|
top: 50%; |
|
|
|
right: 8%; |
|
|
|
position: absolute; |
|
|
|
transform: translate(0,-50%); |
|
|
|
} |
|
|
|
|
|
|
|
.menuImg{ |
|
|
|
width: 20px; |
|
|
|
height: 20px; |
|
|
|
} |
|
|
|
|
|
|
|
.menuItemSpan{ |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
padding: 12px 0 10px 0; |
|
|
|
justify-content: center; |
|
|
|
border-bottom: 1px solid #8D8D8D; |
|
|
|
} |
|
|
|
|
|
|
|
.menuBottom{ |
|
|
|
display: flex; |
|
|
|
padding: 35px 0; |
|
|
|
font-size: 12px; |
|
|
|
font-weight: bold; |
|
|
|
align-items: center; |
|
|
|
background: #808080; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
} |
|
|
|
|
|
|
|
.menuBottomSpan{ |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
</style> |
|
|
|
</head> |
|
|
|
<body> |
|
|
|
<!--[if lt IE 8]> |
|
|
|
@ -289,7 +243,11 @@ for (let i = 0; i < menuList.length; i++) { |
|
|
|
iconEle.className = 'menuIcon menuImg'; |
|
|
|
iconEle.id = 'menuIcon' + (i + 1); |
|
|
|
spanEle.innerHTML = item; |
|
|
|
spanEle.className = "menuItemSpan"; |
|
|
|
if(i == menuList.length - 1){ |
|
|
|
spanEle.className = "menuItemSpanLast"; |
|
|
|
} else { |
|
|
|
spanEle.className = "menuItemSpan"; |
|
|
|
} |
|
|
|
liEle.className = "menuItem"; |
|
|
|
liEle.setAttribute('data-index',i + '') |
|
|
|
liEle.appendChild(spanEle); |
|
|
|
|