zhengwei
/
buying


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
							<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../common/meta.jsp"%>
<title>菜单编辑</title>
<style>
body {
    background-color: #f2f2f2;
}
.icon_lists li {
	float: left;
	width: 50px;
	height: 50px;
	margin: 5px;
	text-align: center;
	background-color: #fff;
    border: 1px solid transparent;
}
.active{
	border: 1px solid #0a6999 !important;
}
.icon_lists li:hover {
	border-color: #ddd;
}
.icon_lists .iconfont {
	font-size: 24px;
	line-height: 50px;
	color: #333;
}

@media ( max-width :450px) {
	.icon_lists li {
		width: 50%;
	}
}
</style>
</head>
<body>
	<div class="page-container">
		<ul class="icon_lists cl">
			<li>
                <i class="icon iconfont">&#xe611;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe618;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe616;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61f;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60c;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe620;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#x1006;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe614;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe641;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe600;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe60a;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64c;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe72d;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe7cc;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe751;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62e;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6eb;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe699;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe642;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe89f;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe621;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64a;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe609;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe640;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe603;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe613;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe637;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe63c;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67a;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64d;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62b;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe649;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64b;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe653;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe61a;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe66e;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe682;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe6a9;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe606;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe654;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe610;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe727;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe67b;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe646;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe776;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe644;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe605;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe795;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe601;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe604;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe669;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe64f;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe629;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe632;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe647;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe62c;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe648;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe602;</i>
                </li>
            
                <li>
                <i class="icon iconfont">&#xe8a0;</i>
                </li>
		</ul>
	</div>
	<script type="text/javascript">
		$(document).ready(function() {
			$(".icon_lists").on("click","li",function(){
				//$(this).toggleClass('active').siblings().removeClass("active");
				var index = parent.layer.getFrameIndex(window.name);
				parent.getIcon($(this).find("i").text());
				parent.layer.close(index);
			});
		});
	</script>
</body>
</html>