<link rel="stylesheet/less" type="text/css" href="./bricks/page/member/member.less"/>

<div class="ub-container">
    <div class="block-breaker"></div>

    <div class="ub-member-home-header">
        <div class="body">
            <a class="avatar" href="/login?redirect={{urlencode('/member')}}">
                <img class="img" data-src="placeholder/200x200"/>
            </a>
            <div class="user">
                <div class="name">
                    登录 / 注册 / 用户名
                </div>
                <div class="vip">
                    <a href="/member/vip" class="link ub-bg-vip"><i class="iconfont icon-vip"></i> 开通会员</a>
                </div>
            </div>
        </div>
    </div>

    <div class="ub-member-home-header-a">
        <div class="body">
            <a class="avatar" href="/login?redirect={{urlencode('/member')}}">
                <img class="img" data-src="placeholder/200x200"/>
            </a>
            <div class="user">
                <div class="name">
                    登录 / 注册 / 用户名
                </div>
                <div class="labels">
                    <a href="/member/vip" class="label"><i class="iconfont icon-vip"></i> 开通会员</a>
                </div>
            </div>
            <div class="profile">
                <a class="arraw" href="#"><i class="icon iconfont icon-angle-right"></i></a>
            </div>
        </div>
    </div>

    <div class="ub-member-vip-info" style="margin:0.5rem;">
        <div class="action">
            <a class="btn" href="#">立即开通</a>
        </div>
        <div class="title">开通VIP会员</div>
        <div class="desc">畅享优质内容</div>
    </div>

    <div class="ub-member-vip-info" style="margin:0.5rem;">
        <div class="icon">
            <img class="img" data-src="placeholder/200x200"/>
        </div>
        <div class="action">
            <a class="btn" href="#">我的特权</a>
            <a class="btn" href="#">续费</a>
        </div>
        <div class="title">VIP超级会员</div>
        <div class="desc">到期时间 2020-01-03</div>
    </div>

</div>
