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

    <div class="me-main">
        {{#if waiting}}
            <div class="member-progress block">
                <h2 class="title" style="background-image: url(//img12.static.yhbimg.com/sns/2018/03/26/14/02238cd5d0ba9b5d51a68f59179b5459ba.jpg)"></h2>
                <img src="//img12.static.yhbimg.com/sns/2018/03/26/10/0227b54f7280d2e4cc9dcde4c03944e117.jpg" style="width: 100%">
            </div><!--member-progress-->
        {{^}}
            <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>100</td>
                            </tr>
                            <tr>
                              <td>完善资料</td>
                              <td>完善个人资料</td>
                              <td>50</td>
                            </tr>
                            <tr>
                              <td>手机验证</td>
                              <td>完成手机验证</td>
                              <td>10</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-->
        {{/if}}
    </div>
</div>