vip.hbs 8.41 KB
<div class="vip-me-page me-page yoho-page clearfix">
    {{> path}}
    {{> navigation}}

    <div class="me-main">
        <div class="member-progress block">
            <h2 class="title"><a class="ident right cursor-p" href="/home/vip/details">查看成长值记录></a></h2>
            <div class="vip-level">
                <div class="user">
                    <div class="group">
                        <span class="name">{{user_name}}</span>
                        <span class="vip-img{{level}}"></span>
                        <span class="info">
                            我的成长值:<span class="adolesce-val" data-percent={{current_total_percent}}>{{current_total_growth}}</span>&nbsp;&nbsp;
                            {{#if need_total_growth}}
                                下次升级还需:<span class="adolesce-val">{{need_total_growth}}</span>
                            {{/if}}
                        </span>
                    </div>
                    <div class="progress-f">
                        <div class="progress-center">
                            <ul class="progress">
                            {{#grades}}
                                <li class="{{#if @last}}last{{/if}}">
                                    <div class="p-footer">
                                        <p>{{name}}</p>
                                        <p>{{val}}</p>
                                    </div>
                                </li>
                            {{/grades}}
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="user-info">
                    <p>会员等级介绍:</p>
                    <p>1.注册成功即为普通会员,各会员等级均按照历史累计有效的成长值升降级,会员等级越高可享受会员权益越多。<a class="ident" href="/help/detail?id=7">了解等级规则></a></p>
                    <p>2.成长值为有货会员通过购物、评价、登录等获得的经验累积值。</p>
                    <p>3.会员升级后,会员等级有效期一年。每365天进行累计成长值扣减,扣减后的成长值不满足当前级别条件的,直接降级至对应成长值级别。</p>
                    <p>
                        自成为银卡之日开始,365天内未继续晋级更高级别,则在366天扣减当前级别所需成长值,扣减值为400
                    </p>
                    <p>
                        自成为金卡之日开始,365天内未继续晋级更高级别,则在366天扣减当前级别所需成长值,扣减值为1500
                    </p>
                    <p>
                        自成为白金卡之日开始,365天内未继续晋级更高级别,则在366天扣减当前级别所需成长值,扣减值为3500
                    </p>
                </div>
            </div>
        </div><!--member-progress-->

        <div class="member-info block">
            <h2 class="title"></h2>
            <div class="vip-level">
                <table>
                    <thead>
                        <tr>
                          <th>场景</th>
                          <th>获取规则</th>
                          <th>成长数值</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                          <td>购物</td>
                          <td>按商品实际付款金额1元累计1个成长值,订单完成后奖励</td>
                          <td>等于实际付款金额</td>
                        </tr>
                        <tr>
                          <td>月度购物次数</td>
                          <td>自然月内达到<span class="ident">1个</span>购物天数且订单已完成</td>
                          <td>20</td>
                        </tr>
                        <tr>
                          <td>完善资料</td>
                          <td>完善个人资料</td>
                          <td>50</td>
                        </tr>
                        <tr>
                          <td>手机邮箱验证</td>
                          <td>完成手机邮箱双验证</td>
                          <td>20</td>
                        </tr>
                        <tr>
                          <td>VIP登录</td>
                          <td>VIP每日登录<span class="ident">2个</span>成长值</td>
                          <td>2</td>
                        </tr>
                        <tr>
                          <td>评价</td>
                          <td>评价成功且审核通过10个成长值,一个商品仅限一次</td>
                          <td>10</td>
                        </tr>
                    </tbody>
                    <tfoot>
                        <tr>
                          <td colspan="3">
                            <p>扣除成长值的情况:</p>
                            <p>1.发生退货或删除评价,扣除当时获得的成长值。</p>
                          </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div><!--member-info-->

        <div class="member-legal block">
            <h2 class="title"></h2>
            <div class="vip-level">
                <table>
                    <thead>
                        <tr>
                          <th>等级与权益</th>
                          <th>普通会员</th>
                          <th>银卡会员</th>
                          <th>金卡会员</th>
                          <th>白金会员</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>购物折扣</td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td>9.5折</td>
                            <td>9.0折</td>
                            <td>8.8折</td>
                        </tr>
                        <tr>
                            <td>优惠信息</td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                        </tr>
                        <tr>
                            <td>VIP活动优惠</td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                        </tr>
                        <tr>
                            <td>生日特惠</td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                        </tr>
                        <tr>
                            <td>免邮服务</td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                        </tr>
                        <tr>
                            <td>快速送达服务</td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td><i class="iconfont">&#xe63c;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                        </tr>
                        <tr>
                            <td>电子杂志赠阅</td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                            <td><i class="iconfont">&#xe6cb;</i></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div><!--member-legal-->
    </div>
</div>