php/www/webapp/o2o/tpl/mine/index.html

{{ if showNavBar }}
<header class="bar bar-nav">
	<a class="left-button back-button">
		<div class="icon icon-left-nav"></div>
	</a>

	<h1 class="title">{{title}}</h1>
</header>
{{ /if }}

<div class="content">
	<div class="box-container box box-vertical">
		<div id="mineScroll" class="scroll-container box-flex-1">
			<div class="">
				<div class="user">
					<img src="http://odulvej8l.bkt.clouddn.com/mine-%E5%BA%95%E7%BA%B9.jpg" alt="">
					<div class="user-image"><img src="{{userAvatar}}"></div>
					<div class="user-name">{{userName}}</div>
				</div>
				<!-- <div class="user-balance"><span><img
					src="http://odulvej8l.bkt.clouddn.com/mine-%E9%92%B1%E8%A2%8B%E5%AD%90-01.png" alt=""></span>我的余额：{{userBalance}}元
				</div> -->
				<div class="mine-type">
					<div class="width-percent-33 btn-my-order">
						<img src="http://odulvej8l.bkt.clouddn.com/mine-%E8%AE%A2%E5%8D%95icon-01.png" alt="">

						<div class="mine-text">订单</div>
					</div>

					<div class="width-percent-33 btn-recharge">
						<img src="http://odulvej8l.bkt.clouddn.com/mine-%E5%85%85%E5%80%BC%E5%8D%A1icon-01-01.png" alt="">
						<div class="mine-text">账户余额</div>
					</div>

					<div class="width-percent-33 btn-address-list">
						<img src="http://odulvej8l.bkt.clouddn.com/mine-%E5%9C%B0%E5%9D%80icon-01-01.png" alt="">

						<div class="mine-text">地址</div>
					</div>
					<div class="width-percent-33 btn-contact btn-action-logo">
						<img src="http://odulvej8l.bkt.clouddn.com/mine-%E5%BB%BA%E8%AE%AEicon-01-01.png" alt="">

						<div class="mine-text ">建议</div>
					</div>
					<div class="width-percent-33 btn-coupon">
						<img src="http://odulvej8l.bkt.clouddn.com/mine-%E4%BB%A3%E9%87%91%E5%88%B8icon-01-01-01.png" alt="">

						<div class="mine-text">代金券</div>
					</div>
					<div class="width-percent-33 btn-about">
						<img src="http://odulvej8l.bkt.clouddn.com/mine-%E5%85%B3%E4%BA%8Eicon-01-01-01.png" alt="">

						<div class="mine-text">关于</div>
					</div>
				</div>
				<!--<div style="width: 100%;padding-bottom: 250px"></div>-->
			</div>

			<div class="prevent-scroll">
				<div class="box my-action">
					<!--首页-->
					<div class="width-percent-33">
						<div class="title-container-square">
							<a class="btn-home-action btn-action-my-order">
								<div class="logo logo-my-order"></div>
								<div class="name">首页</div>
							</a>
						</div>
					</div>
					<!--LOGO-->
					<div class="width-percent-33">
						<div class="title-container-square">
							<a class="btn-home-action btn-action-logo" href="weixin://contacts/profile/honghaitzz">
								<div class="logo logo-my-logo"></div>
							</a>
						</div>
					</div>
					<!--我的-->
					<div class="width-percent-33">
						<div class="title-container-square">
							<a class="btn-home-action btn-action-coupon">
								<div class="logo logo-coupon"></div>
								<div class="name">我的</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!--
<div class="content">
    <div class="box-container box box-vertical">
        <div id="mineScroll" class="scroll-container box-flex-1">
            <div style="color: #59616c; font-size:18px;">
                <div style="width: 100%;">
                    <img src="http://odulvej8l.bkt.clouddn.com/test_banner_22.png" style="width: 100%;margin-top: -6%;"/>
                    <div style="width: 100%; padding-top: 20px; padding-bottom: 20px; text-align: center;">{{userName}}</div>
                    <div style="width: 100%; padding-bottom: 20px; text-align: center;">余额：{{userBalance}}元</div>
                </div>
                <ul class="table-view" style="margin-top: 10px;">
                    <li class="table-view-cell">
                        <a class="navigate-right btn-my-order">
                            <img src="http://oduj3utzz.bkt.clouddn.com/cv87b89c7v89bc789vb798cbv.png" width="20px" height="20px" style="position: relative; top: 4px;"/>
                            我的订单
                        </a>
                    </li>
                    <li class="table-view-cell">
                        <a class="navigate-right btn-address-list">
                            <img src="http://oduj3utzz.bkt.clouddn.com/a4s5d4a6s5d4asd5sa4d56asd.png" width="20px" height="20px" style="position: relative; top: 4px;"/>
                            常用地址
                            <span class="table-view-cell-right-label" id="default-address">{{ defaultAddress }}</span>
                        </a>
                    </li>
                    <li class="table-view-cell">
                        <a class="navigate-right btn-recharge">
                            <img src="http://oduj3utzz.bkt.clouddn.com/ytu5t4y56u4ty65u46tyu465.png" width="20px" height="20px" style="position: relative; top: 4px;"/>
                            充值卡
                        </a>
                    </li>
                    <li class="table-view-cell">
                        <a class="navigate-right btn-coupon">
                            <img src="http://oduj3utzz.bkt.clouddn.com/1rt2y12rty123rt1y321try31rt3y.png" width="20px" height="20px" style="position: relative; top: 4px;"/>
                            代金券
                        </a>
                    </li>
                    &lt;!&ndash;<li class="table-view-cell">&ndash;&gt;
                        &lt;!&ndash;<a class="navigate-right btn-helper">&ndash;&gt;
                            &lt;!&ndash;<img src="http://oduj3utzz.bkt.clouddn.com/qe54qw5e4qw1e23qwwe132q.png" width="20px" height="20px" style="position: relative; top: 4px;"/>&ndash;&gt;
                            &lt;!&ndash;帮助中心&ndash;&gt;
                        &lt;!&ndash;</a>&ndash;&gt;
                    &lt;!&ndash;</li>&ndash;&gt;
                    <li class="table-view-cell">
                        <a class="navigate-right btn-about">
                            <img src="http://oduj3utzz.bkt.clouddn.com/7uo8i7o98ui78o97u89iouio789.png" width="20px" height="20px" style="position: relative; top: 4px;"/>
                            关于壹管家
                        </a>
                    </li>
                </ul>
                <div style="width: 100%; padding-top: 12%;text-align: center; color: #b6bbc2; font-size:16px;">专属管家 服务无忧</div>
                <div class="prevent-scroll">
                    <div class="box my-action">
                        &lt;!&ndash;首页&ndash;&gt;
                        <div class="width-percent-33">
                            <div class="title-container-square">
                                <a class="btn-home-action btn-action-my-order">
                                    <div class="logo logo-my-order"></div>
                                    <div class="name">首页</div>
                                </a>
                            </div>
                        </div>
                        &lt;!&ndash;LOGO&ndash;&gt;
                        <div class="width-percent-33">
                            <div class="title-container-square">
                                <a class="btn-home-action btn-action-logo" href="weixin://contacts/profile/honghaitzz">
                                    <div class="logo logo-my-logo"></div>
                                </a>
                            </div>
                        </div>
                        &lt;!&ndash;我的&ndash;&gt;
                        <div class="width-percent-33">
                            <div class="title-container-square">
                                <a class="btn-home-action btn-action-coupon">
                                    <div class="logo logo-coupon"></div>
                                    <div class="name">我的</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>-->