index.hbs 6.35 KB
<div class="grade-new-c">
    <div class="tab">
        <span class="active">我的等级</span>
        <span>我的权益</span>
    </div>
    <div class="tab-item">
        <a class="big-top" href="//m.yohobuy.com/home/gradeNew/grow">
            成长值进度
            <span class="iconfont">&#xe604;</span>
            <span class="s-title">成长值记录</span>
        </a>
        <div class="user-info clearfix">
            <div class="base clearfix">
                {{# vipGrade}}
                <div class="pic" style="background-image:url('http://172.16.6.52:5001/img/home/index/user-avatar.png')">
                    {{#if vip0}}
                    <div class="level-pic vip-0"></div>
                    {{else if vip1}}
                    <div class="level-pic vip-1"></div>
                    {{else if vip2}}
                    <div class="level-pic vip-2"></div>
                    {{else if vip3}}
                    <div class="level-pic vip-3"></div>
                    {{/if}}
                </div>
                <div class="intro">
                    <div class="name">{{name}},您好!</div>
                    <div class="level">
                        <span class="now">我的成长值:<span class="val">2250</span> </span>
                        <span class="next">下次升级还需:<span class="val">2750</span></span>
                    </div>
                </div>
                {{/ vipGrade}}
            </div>
            <div class="level-process clearfix">
                <div class="line-c">
                    <div class="line"></div>
                    <div class="point">
                        <div class="point-item">
                            <div class="level-text">
                                <p>普通会员</p>
                                <p>0</p>
                            </div>
                        </div>
                        <div class="point-item">
                            <div class="level-text">
                                <p>银卡会员</p>
                                <p>800</p>
                            </div>
                        </div>
                        <div class="point-item">
                            <div class="level-text">
                                <p>金卡会员</p>
                                <p>3000</p>
                            </div>
                        </div>
                        <div class="point-item">
                            <div class="level-text">
                                <p>白金会员</p>
                                <p>7000</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a class="big-top">
            会员等级介绍
            <span class="iconfont">&#xe604;</span>
            <span class="s-title">了解等级规则</span>
        </a>
        <div class="content">
            <p>1.注册成功即为普通会员,各会员等级均按照历史累计有效的成长值升降级,会员等级越高可享受会员权益越多。</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 class="big-top">
            成长值获取方法
        </div>
        <div class="table-c">
            <table>
                <tr>
                    <th>场景</th>
                    <th>获取规则</th>
                    <th>成长数值</th>
                </tr>
                <tr>
                    <td>购物</td>
                    <td>
                        按商品实际付款金额1元累计1个
                        <br />
                        成长值订单完成后奖励</td>
                    <td>
                        等于实际
                        <br />
                        付款金额
                    </td>
                </tr>
                <tr>
                    <td>
                        月度购买
                        <br />
                        次数
                    </td>
                    <td>
                        自然月内达到1个购物天数
                        <br />
                        且订单已完成
                    </td>
                    <td>20</td>
                </tr>
                <tr>
                    <td>完善资料</td>
                    <td>完善个人资料</td>
                    <td>50</td>
                </tr>
                <tr>
                    <td>
                        手机邮箱
                        <br />
                        验证
                    </td>
                    <td>完成手机邮箱双验证</td>
                    <td>20</td>
                </tr>
                <tr>
                    <td>VIP登录</td>
                    <td>VIP每日登录2个成长值</td>
                    <td>2</td>
                </tr>
                <tr>
                    <td>评价</td>
                    <td>
                        评价成功且审核通过10个成长值
                        <br />
                        一个商品仅限一次
                    </td>
                    <td>10</td>
                </tr>
            </table>
            <p>扣除成长值的情况:</p>
            <p>发生退货或删除评价,扣除当时获得的成长值。</p>
        </div>
    </div>
    <div class="tab-item hide">
        {{# vipGrade}}
        <div class="vip-privilege-page">
            {{> vip-grade/privilege}}
        </div>
        <a class="big-top" href="{{allUrl}}">
            查看全部VIP特权
            <span class="iconfont">&#xe604;</span>
        </a>
        {{/ vipGrade}}
    </div>
</div>