fe / yohobuywap-node · Commits

Go to a project

Authored by 郭成尧
Commit 97d6647120233398541a736dad9cca2b0afc76c4 1 parent 63a2c294

info-base

Inline Side-by-side
Showing 2 changed files with 20 additions and 344 deletions
... ... @@ -2,6 +2,16 @@
* @Author: Targaryen
* @Date: 2017-04-27 14:55:31
* @Last Modified by: Targaryen
* @Last Modified time: 2017-04-27 14:56:45
* @Last Modified time: 2017-05-02 13:57:55
*/
'use strict';
import {Controller} from 'yoho-mvc';
class DetailController extends Controller {
constructor() {
super();
}
}
module.exports = DetailController;
... ...
/**
* 逛详情页
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/13
*/
require('guang/info-index.page.css');
let $ = require('yoho-jquery'),
ellipsis = require('yoho-mlellipsis'),
lazyLoad = require('yoho-jquery-lazyload');
let $authorIntro = $('.author .intro');
// collocation block variable
let $fixedThumbContainer = $(''),
$coBlock,
$thumbContainer = $('.thumb-container');
let $sideNav = $('.side-nav'),
$guangPage = $('.guang-detail-page'),
$overlay = $('.overlay'),
$subNav = $('.sub-nav');
let time = 0;
require('common');
require('plugin/wx-share')();
require('./detail-dynamic');
let CollactionBlock = require('./collocation-block');
$('#wrapper').css({
'overflow-y': 'scroll'
});
// 初始化iscroll
function initIscroll() {
let $yohoHeader = $('.yoho-header');
let hH = 0,
winH, tcH, cbH, cbTop, fixedThumbDom;
if (CollactionBlock.exists()) {
new CollactionBlock();
}
// 考虑通用头部的影响：对offset().top以及winH做对应偏移
if ($yohoHeader.length > 0) {
hH = $yohoHeader.outerHeight();
}
/*
myScroll = new IScroll('#wrapper', {
probeType: 3,
mouseWheel: true,
click: true
});
document.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false);
if (!hasCollocationBlock) {
myScroll.on('scroll', function() {
$scroller.trigger('scroll');
});
return;
}
*/
winH = $(window).height() - hH;
fixedThumbDom = $fixedThumbContainer[0];
tcH = $thumbContainer ? $thumbContainer.outerHeight() : 0;
if ($coBlock) {
cbH = $coBlock.outerHeight();
cbTop = $coBlock.offset().top - hH;
}
$(window).on('scroll', function() {
let sTop = -this.y;
let classList = fixedThumbDom && fixedThumbDom.className;
if (sTop <= cbTop - winH + tcH) {
if (classList.indexOf('fixed-bottom') === -1) {
$fixedThumbContainer
.addClass('fixed-bottom')
.removeClass('hide');
}
} else if (sTop <= cbTop) {
if (classList.indexOf('hide') === -1) {
$fixedThumbContainer
.addClass('hide')
.removeClass('fixed-bottom fixed-top');
}
} else if (sTop <= cbTop + cbH - tcH) {
if (classList.indexOf('fixed-top') === -1) {
$fixedThumbContainer
.addClass('fixed-top')
.removeClass('hide absolute')
.css('top', '');
}
} else if (sTop <= cbTop + cbH) {
if (classList.indexOf('absolute') === -1) {
$fixedThumbContainer
.addClass('absolute')
.removeClass('fixed-top hide');
}
fixedThumbDom.style.top = cbTop + hH + cbH - tcH - sTop + 'px';
} else if (sTop > cbTop + cbH) {
if (classList.indexOf('hide') === -1) {
$fixedThumbContainer
.addClass('hide')
.removeClass('absolute');
}
}
});
}
/*
// window onload 后重新refresh iscroll
window.onload = function() {
myScroll && myScroll.refresh();
};
// 图片加载完成之后重新 refresh iscroll
$('img').on('load', function() {
myScroll && myScroll.refresh();
});
* @Author: Targaryen
* @Date: 2017-05-02 13:55:28
* @Last Modified by: Targaryen
* @Last Modified time: 2017-05-02 13:59:11
*/
'use strict';
require('guang/info-index.page.css');
// 微信导航
$('.nav-btn').on('touchstart', function() {
$sideNav.css('pointer-events', 'none');
$guangPage.addClass('menu-open');
$overlay.show().css({
opacity: 0.3,
height: $('#scroller').height()
});
$sideNav.addClass('on');
setTimeout(function() {
$sideNav.css('pointer-events', 'auto');
}, 400);
return false;
});
// 点击一级导航，弹出二级导航
$sideNav.on('touchend', 'li', function(e) {
if ($(this).find('.sub-nav').size() > 0) {
$('.sub-nav').removeClass('show');
$(this).find('.sub-nav').addClass('show');
$(this).find('.highlight').removeClass('highlight');
}
if (e.target.pathname === location.pathname) {
hideSideBar(); // eslint-disable-line
return false;
}
});
// 返回一级导航，收起二级导航
$subNav.each(function() {
$(this).find('li').eq(0).on('click', function() {
$('.sub-nav').removeClass('show');
return false;
});
}).on('touchstart', function(e) {
if (e.currentTarget !== e.target) {
$subNav.find('li').removeClass('current');
}
});
// 侧边栏点击背景色变化
function highlight($elem) {
$elem.find('li').on('touchstart', function() {
$elem.find('.highlight').removeClass('highlight');
$(this).addClass('highlight');
}).on('touchend touchcancel', function() {
$(this).removeClass('highlight');
});
}
highlight($sideNav);
highlight($subNav);
function hideSideBar() {
if ($guangPage.hasClass('menu-open')) {
$guangPage.removeClass('menu-open');
$overlay.hide();
$('.sub-nav').removeClass('show');
$sideNav.removeClass('on');
}
}
$overlay.on('touchstart', function() {
hideSideBar();
return false;
});
function setCookie(name, value, options) {
let expires = '',
path,
domain,
secure,
date;
if (typeof value !== 'undefined') {
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
if (options.expires &&
(typeof options.expires === 'number' || options.expires.toUTCString)) {
if (typeof options.expires === 'number') {
date = new Date();
date.setTime(Date.parse((new Date()).toLocaleDateString()) + 86400 * 1000);
} else {
date = options.expires;
}
expires = '; expires=' + date.toGMTString();
}
path = options.path ? '; path=' + options.path : '';
domain = options.domain ? '; domain=' + options.domain : '';
secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
}
}
// 长按二维码埋点
$('.wei-share').on('touchstart', function() {
time = setTimeout(function() {
if (window._yas && window._yas.sendCustomInfo) {
window._yas.sendCustomInfo({
op: 'YB_PRESS_QRCODE',
param: JSON.stringify({
C_ID: window._ChannelVary[window.cookie('_Channel')],
PAGE_URL: window.location.href
})
}, true);
}
}, 500);
});
$('.wei-share').on('touchend', function(e) {
e.stopPropagation();
clearTimeout(time);
});
// 初始化页面,包括是否使用iscorll初始化页面
// 接口暴露在HTML中，使用压缩名
(function() {
let isweixin = navigator.userAgent.indexOf('MicroMessenger') ? true : false;
let $this, $title;
// pagecache 前端判断是否显示头
let param = location.search;
let isHeader = navigator.userAgent.indexOf('MicroMessenger') > -1 ||
param.indexOf('app_version') > -1 || param.indexOf('appVersion') > -1;
isHeader && $('#yoho-header').remove();
$('.main-wrap').css({
position: 'static'
});
ellipsis.init();
if ($('.good-detail-text .name').length > 0) {
$('.good-detail-text .name').each(function() {
$this = $(this);
$title = $this.find('a');
$title[0].mlellipsis(2);
});
}
lazyLoad($('.lazy'));
// title mlellipsis
$('.info-list .title, .one-good .reco-name').each(function() {
this.mlellipsis(2);
});
// offset.left约等于marginLeft的值则表示介绍被换行，则清除intro的paddingTop让其更靠近头像和作者名
if ($authorIntro.offset() && (parseInt($authorIntro.offset().left, 10) ===
parseInt($authorIntro.css('margin-left'), 10))) {
$authorIntro.css('padding-top', 0);
}
if (isweixin) {
$overlay.css('position', 'absolute');
}
$('#float-layer-close').on('touchend', function() {
let appClose = window.cookie('_float-layer-app-close') || '0';
// window.setCookie('_float-layer-app-close', 1);
if (parseInt(appClose, 10) === 0) {
setCookie('_float-layer-app-close', 1, {expires: -1});
} else if (parseInt(appClose, 10) === 1) {
setCookie('_float-layer-app-close', 2, {expires: -1});
}
$('#float-layer-app').hide();
$('.down-bottom').hide();
return false;
});
if ($('#float-layer-btn') && $('#float-layer-btn')[0]) {
$('#float-layer-btn').on('touchstart', function(e) {
if (window._yas && window._yas.sendCustomInfo) {
window._yas.sendCustomInfo({
op: 'YB_DOWNLOAD_C',
param: JSON.stringify({
C_ID: window._ChannelVary[window.cookie('_Channel')],
TO_URL: 'http://www.yohoshow.com/about/index/yohobuyqr'
})
}, true);
}
window.location = 'http://www.yohoshow.com/about/index/yohobuyqr';
e.srcEvent.stopPropagation();
});
if (typeof window.cookie === 'function' && parseInt(window.cookie('_float-layer-app-close'), 10) !== 2) {
// $('#float-layer-app').show();
$('.down-bottom').show();
} else {
// $('#float-layer-app').hide();
$('.down-bottom').hide();
}
}
initIscroll();
}());
const detail = './index';
const DetailController = require(`${detail}/controller`);
new DetailController();
... ...