vip.hbs 3.53 KB
<div class="user-vip">
    {{> common/subtitle}}
    {{#vipData}}
    <div class="my-vip block">
        {{#unless commonVip}}
            <div class="vip-level">
                <span class="level">您的会员级别:</span>
                <div class="vip-icon vipimg{{curLevel}}"></div>
            </div>
            <div class="vip-level">
                <span class="level">当前可享优惠:</span>
                <div class="favimg">
                    {{#each list}}
                        <div class="list">
                            <i class="iconfont">{{{icon}}}</i>
                            <span class="fav-font">{{favTxt}}</span>
                        </div>
                    {{/each}}
                </div>
            </div>
        {{/unless}}
        <div class="vip-level">
            <span class="level">年度累计金额:</span>
            <div class="year-amount">
                <div class="price-account">
                    <div class="amount">{{yearCost}}</div>
                    <div class="balance">
                        {{#if platinum}}
                            <p>您已升至最高等级啦!</p>
                        {{else}}
                            <p>还差<span class="price">{{balance}}</span>就可以升级为{{nextTitle}}</p>
                        {{/if}}
                    </div>
                </div>
                <p class="ps">VIP金额累计需订单成功签收满15天且无退换货</p>
                {{#unless platinum}}
                    <div class="amount-length">
                        <span class="line"></span>
                        <span class="left-black"></span>
                        <div class="line-num">
                            <span class="line-black" style="width:{{proportion}}; {{#if hasConsume}}display: block;{{/if}}"></span>
                        </div>
                        <span class="left-r">
                            <i class="r-icon"></i>
                            {{curTitle}}
                        </span>
                        <span class="right-r">
                            <i class="r-icon"></i>
                            {{nextTitle}}
                        </span>
                        <span class="price-box">{{nextCost}}</span>
                    </div>
                {{/unless}}
            </div>
        </div>
        <div class="history" {{#if platinum}}style="padding-top: 40px;"{{/if}}>
            <div class="level">历史消费总额:
                <span class="hisamout">{{totalCost}}</span>
            </div>
        </div>
        {{#unless commonVip}}
            <div class="valid">
                <div class="level">当前有效期:</div>
                <div class="cur-time">
                    <div class="line"></div>
                    <div class="time-1">
                        <i class="r-icon"></i>
                        <span>{{reach}}</span><br>条件达成日期
                    </div>
                    <div class="time-2">
                        <i class="r-icon"></i>
                        <span>{{valid}}</span><br>生效日期
                    </div>
                    <div class="time-3">
                        <i class="r-icon"></i>
                        <span>{{end}}</span><br>优惠截止日期
                    </div>
                    <div class="line-b"></div>
                    <div class="date-box">VIP有效期{{remainDays}}天(数字年)</div>
                </div>
            </div>
        {{/unless}}
    </div>
    {{/vipData}}
</div>