123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294 |
- <!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="css/mui.min.css" />
- <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
- <link rel="stylesheet" type="text/css" href="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" id="footer-bar-tab">
- <a class="mui-tab-item">
- <span class="iconfont icon-shouye"></span>
- <span class="mui-tab-label">首页</span>
- </a>
- <a class="mui-tab-item">
- <span class="iconfont icon-gouwuche"></span>
- <span class="mui-tab-label">购物车</span>
- </a>
- <a class="mui-tab-item">
- <span class="iconfont icon-dingdan"></span>
- <span class="mui-tab-label">订单</span>
- </a>
- <a class="mui-tab-item mui-active">
- <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">
- <div class="iconfont icon-daifukuan">
- <!--<span class="mui-badge">9</span>-->
- </div>
- 待付款
- </a>
- <a class="mui-control-item">
- <div class="iconfont icon-daifahuo"></div>
- 待发货
- </a>
- <a class="mui-control-item">
- <div class="iconfont icon-yifahuo"></div>
- 已发货
- </a>
- <a class="mui-control-item">
- <div class="iconfont icon-yiwancheng"></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" href="order-list.html">
- <div class="mui-table">
- <div class="mui-table-cell mui-col-xs-5 table-middle">
- <span class="iconfont icon-dingdan"></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="shopping-cart.html">
- <div class="mui-table">
- <div class="mui-table-cell mui-col-xs-5 table-middle">
- <span class="iconfont icon-gouwuche"></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 table-middle">
- <span class="iconfont icon-jifen"></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="coupon_list.html">
- <div class="mui-table">
- <div class="mui-table-cell mui-col-xs-5 table-middle">
- <span class="iconfont icon-quanbao"></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 table-middle">
- <span class="iconfont icon-huiyuanxinxi"></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 table-middle">
- <span class="iconfont icon-huiyuanqia"></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 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="js/mui.min.js"></script>
- <script src="js/jquery-2.1.1.min.js"></script>
- <script src="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() {
- location.href = 'order-list.html';
- });
- </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;
- 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);
- }else{
- $("#headDiv").attr("src", "images/tx-1.jpg");
- }
- if(data.userNickname != null && typeof(data.userNickname) != "undefined" && data.userNickname != '') {
- $("#userNickname").html(decodeURI(data.userNickname));
- }else{
- $("#userNickname").html("微信用户");
- }
- // $("#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>
|