index.page.js 1.52 KB
/**
 * 个人中心首页
 * @author: xuqi<qi.xu@yoho.cn>
 * @date: 2016/2/17
 */

var $ = require('yoho-jquery');

require('./orders/order-block');

// 关闭消息提示
$('#close-message').click(function() {
    $('.message-tip').slideUp(200);
});

// 新品上架
(function() {
    var $naPager = $('.na-pager'),
        $naUl = $('.new-arrival ul'),
        naPage = Math.ceil($naUl.children('li').length / 5),
        naItemWith = $naUl.children('li:last-child').outerWidth(),
        naCurPage = 1;

    $naUl.width($naUl.width() * naPage);

    // 最新上架翻页
    $naPager.click(function() {
        var $this = $(this),
            left;

        if ($this.hasClass('next')) {

            // 后翻
            ++naCurPage;

            // 第2页显示前翻按钮
            if (naCurPage === 2) {
                $this.siblings().removeClass('no-visible');
            }

            // 最后一页隐藏后翻按钮
            if (naCurPage === naPage) {
                $this.addClass('no-visible');
            }
        } else {

            // 前翻
            --naCurPage;

            // 倒数第2页显示后翻按钮
            if (naCurPage === naPage - 1) {
                $this.siblings().removeClass('no-visible');
            }

            // 第1页隐藏前翻按钮
            if (naCurPage === 1) {
                $this.addClass('no-visible');
            }
        }

        left = -5 * (naCurPage - 1) * naItemWith;

        $naUl.animate({
            marginLeft: left
        }, 400);
    });
}());