<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<title>我的</title>
		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wechat/aiberle/css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wechat/aiberle/css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="//s.iamberry.com/wechat/aiberle/css/main.css" />
		<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
		<script>
			//屏蔽分享
//			document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
//				WeixinJSBridge.call('hideOptionMenu');
//			});
		</script>
	</head>

	<body>
		<footer class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="#tabbar">
				<span class="iconfont icon-shouye"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-chat">
				<span class="iconfont icon-gouwuche"></span>
				<span class="mui-tab-label">购物车</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<span class="iconfont icon-dingdan"></span>
				<span class="mui-tab-label">订单</span>
			</a>
			<a class="mui-tab-item mui-active" href="#tabbar-with-map">
				<span class="iconfont icon-wode"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</footer>
		<div class="mui-content">
			<div style="position: relative;">
				<img width="100%" src="images/top-1.png" />
				<div style="position: absolute;left: 0; top: 45%;-webkit-transform: translateY(-50%);width: 100%;text-align: center;">
					<div class="user-head">
						<img id="headDiv" src="" />
					</div>
					<div id="userNickname"></div>
				</div>
			</div>
			<div style="padding:0;background: #fff;margin-bottom: 8px;">
				<div id="menu-nav" class="mui-segmented-control">
					<a class="mui-control-item" href="coupon_list.html">
						<div class="iconfont icon-quanbao">
							<!--<span class="mui-badge">9</span>-->
						</div>
						券包
					</a>
					<a class="mui-control-item">
						<div class="iconfont icon-zhibaoqia"></div>
						质保卡
					</a>
					<a class="mui-control-item" href="order-list.html">
						<div class="iconfont icon-dingdan"></div>
						订单
					</a>
				</div>
			</div>
			<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed my-center-no" id="center-menu">
				<li class="mui-table-view-cell">
					<div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-5 table-middle">
		                   <span class="iconfont icon-zhinan"></span>产品指南
		                </div>
		                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
		                    <span class="mui-icon mui-icon-arrowright"></span>
		                </div>
		            </div>
				</li>
				<li class="mui-table-view-cell">
					<div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-5">
		                   <span class="iconfont icon-liucheng"></span>售后流程
		                </div>
		                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
		                    <span class="mui-icon mui-icon-arrowright"></span>
		                </div>
		            </div>
				</li>
				<li class="mui-table-view-cell" href="question-and-answer.html">
					<div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-5">
		                   <span class="iconfont icon-wenda"></span>常见问答
		                </div>
		                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
		                    <span class="mui-icon mui-icon-arrowright"></span>
		                </div>
		            </div>
				</li>
				<li class="mui-table-view-cell" href="tel:4001234123">
					<div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-5">
		                   <span class="iconfont icon-dianhua"></span>客服电话
		                </div>
		                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
		                   <a href="tel:400-1234-123">400-1234-123</a> <span class="mui-icon mui-icon-arrowright"></span>
		                </div>
		            </div>
				</li>
				<li class="mui-table-view-cell" href="understanding-brands.html">
					<div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-5">
		                   <span class="iconfont icon-dansheng"></span>Aiberle诞生
		                </div>
		                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
		                   <span class="mui-icon mui-icon-arrowright"></span>
		                </div>
		            </div>
				</li>
				<li class="mui-table-view-cell" href="brand-story.html">
					<div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-5">
		                   <span class="iconfont icon-linian"></span>Aiberle故事
		                </div>
		                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
		                   <span class="mui-icon mui-icon-arrowright"></span>
		                </div>
		            </div>
				</li>
				<li class="mui-table-view-cell" href="development-history.html">
					<div class="mui-table">
		                <div class="mui-table-cell mui-col-xs-5">
		                   <span class="iconfont icon-shiming"></span>Aiberle历程
		                </div>
		                <div class="mui-table-cell mui-col-xs-5 mui-text-right">
		                   <span class="mui-icon mui-icon-arrowright"></span>
		                </div>
		            </div>
				</li>
			</ul>
			<br />
		</div>

		<!-- 加载ing -->
		<div class="loading covers">
			<div class="loading-bj"></div>
			<p>加载中...</p>
		</div>
		<!-- 加载ing END -->
		<script src="//s.iamberry.com/wechat/aiberle/js/mui.min.js"></script>
		<script src="//s.iamberry.com/wechat/aiberle/js/jquery-2.1.1.min.js"></script>
		<script src="//s.iamberry.com/wechat/aiberle/js/main.js"></script>
		<script>
			mui.ready(function() {
				$(".loading").hide().css("opacity", "0");
			});
			$(document).on('tap', '.my-btn-cancel', function() {
				$(this).hide();
				$('#search-hot').hide();
				$('#search').autocompleter("close");
				$(".autocompleter-list").empty().css("height","auto");
				$('.autocompleter-hint').removeClass('autocompleter-hint-show').empty();
				$(".icon-caidan").show();
			});
			$(document).on('tap', '.icon-caidan', function() {
				$("#menu").css("height",$(window).height());
				$("#menu>li").addClass("active");
			});
			$(document).on('tap', '.icon-guanbi', function() {
				$("#menu>li").removeClass("active");
				$("#menu").css("height","0px");
			});

			/*菜单跳转*/
            $(document).on('tap', '#menu-nav>a', function() {
                if(typeof($(this).attr("href"))!="undefined"){
            		location.href=$(this).attr("href");
            	}
            });
		</script>

		<script>
            mui.ready(function(){
                $.ajax( base_path + '/wechat/agent/member?dates=' + new Date().getTime(),{
                    dataType:'json',
                    type:'post',
                    xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
                    timeout:15000,
                    success:function(dt){
                        var data = dt.data;
                        //console.log(dt)
                        if(dt.status){
//                        userIdentity = data.userIdentity;
                            if(data.userHead != null  && typeof(data.userHead)!="undefined" && data.userHead != ''){
                                //var imgObj = $("<img src='" + data.userHead + "?" + new Date().getTime() + "'/>");
                                $("#headDiv").attr("src",data.userHead);
                            }
                            if(data.userNickname != null  && typeof(data.userNickname)!="undefined" && data.userNickname != ''){
                                $("#userNickname").html(decodeURI(data.userNickname));
                            }
//                        $("#userNickname").append('<img class="vip_icon" src="http://static.iamberry.com/images/shop/dl_icon.png" />');
//                        document.querySelector('.loading-bg').style.display='none';


                        }else{
//                        var btnArray = ['否', '是'];
//                        mui.confirm(dt.message, '爱贝源-提示', btnArray, function(e) {
//                            if (e.index == 1) {
//                                location.reload(true);
//                            }
//                        });
                        }
                    },
                    error:function(xhr,type,errorThrown){
                        //异常处理;
                        console.log(xhr);
                    }
                });
            });
            $(document).on('tap', '#center-menu>li', function(event) {
            	if(typeof($(this).attr("href"))!="undefined"){
            		location.href=$(this).attr("href");
            	}
            });
		</script>
	</body>

</html>