fe / yohobuywap-node · Commits

Go to a project

Authored by ccbikai
Commit 414e97a39c2a3de64d5cc46189feb0dc97fc3fb5 1 parent 92dc2d89

star 优化

Inline Side-by-side
Showing 5 changed files with 85 additions and 53 deletions
... ... @@ -86,9 +86,9 @@ const _processIndexData = (dataList) => {
});
});
if (formatData.articles.length > 30) {
return;
}
// if (formatData.articles.length > 5) {
// return;
// }
formatData.articles.push(_.merge({
noLazy: index < 2,
... ...
... ... @@ -95,9 +95,6 @@ const postcssPlugin = (et) => {
}
plugins = [
require('autoprefixer')({
browsers: ['> 1%']
}),
require('precss'),
require('postcss-sprites').default(sprites),
require('postcss-assets')(assets),
... ... @@ -109,6 +106,9 @@ const postcssPlugin = (et) => {
selectorBlackList: [], // 选择器黑名单，可以使用正则
propWhiteList: [] // 属性名称为空，表示替换所有属性的值
}),
require('autoprefixer')({
browsers: ['> 1%']
}),
// 可选
require('postcss-use')({
... ... @@ -173,7 +173,9 @@ gulp.task('font', () => {
gulp.task('postcss', ['assets'], () => {
return gulp.src('scss/index.css')
.pipe(postcss(postcssPlugin(env.pro)))
.pipe(cssnano())
.pipe(cssnano({
safe: true
}))
.pipe(gulp.dest(dist.css));
});
... ...
... ... @@ -6,6 +6,8 @@
var $ = require('yoho-jquery'),
Swiper = require('yoho-swiper'),
// inView = require('in-view'),
loading = require('../plugin/loading'),
PullRefresh = require('../plugin/pull-refresh');
... ... @@ -31,6 +33,12 @@ var avatarKey, bannerLen, res, avatarSwiper, avatarSwiperClone, getIndexHtml, ba
var swiperNum = $('.avatar-wrap .swiper-slide').width() / 2;
// var $gif = $('img[data-original*="gif"]');
if ($('.star-main').css('height') === '0px') {
$('.star-main').css('height', $window.height() - $('.head-tab').height());
}
if ($window.width() === 375 && isiOS) {
swiperNum = 32;
}
... ... @@ -38,11 +46,29 @@ if ($window.width() === 375 && isiOS) {
require('../common');
require('yoho-jquery-lazyload');
// require('yoho-jquery-inview');
$window.on('mousewheel', false);
$('#yoho-header, .head-tab').on('touchmove', function() {
return false;
});
// inView(document.querySelectorAll('img[data-original*="gif"]'))
// .on('enter', function() {
// console.log(1);
// })
// .on('exit', function() {
// console.log(2);
// });
// $('img[data-original*="gif"]').on('inview', function(event, isInView) {
// if (isInView) {
// $(this).css('display', 'block');
// } else {
// $(this).css('display', 'none');
// }
// });
// 限制标题字数
// function txtLimit() {
//
... ... @@ -95,7 +121,6 @@ function setIndexAction() {
// 明星头像 swiper 初始化
if (bannerLen > 1) {
console.log(Math.floor($avatarWrap.find('.swiper-slide').length / 2));
avatarSwiper = new Swiper($avatarWrap.find('.avatar-swiper')[0], {
lazyLoading: true,
lazyLoadingInPrevNextAmount: 3,
... ... @@ -183,6 +208,7 @@ getIndexHtml = function() {
$.ajax({
url: '/guang/star/getIndexHtml',
dataType: 'html',
timeout: 5000
})
.done(function(data) {
if (data) {
... ... @@ -217,54 +243,57 @@ starIScroll.iScroll.on('scrollStart', function() {
// if (this.directionY === -1) {
// $loadingTip.slideDown();
// }
// $gif.css('display', 'none');
bannerSwiper && bannerSwiper.startAutoplay();
});
// starIScroll.iScroll.on('scroll', function() {
// var avatarOffsetT;
//
// if (this.directionY !== -1) {
// setTimeout(function() {
// starIScroll.iScroll.refresh();
// }, 0);
// }
//
// avatarOffsetT = $avatarWrap[0].offsetTop;
//
// if (-this.y >= avatarOffsetT) {
// $avatarClone.show();
//
// if (!avatarSwiperClone) {
// avatarSwiperClone = new Swiper($avatarClone[0], {
// loop: true,
// initialSlide: $avatarWrap.find('.swiper-slide-active').index() % bannerLen,
// centeredSlides: true,
// slidesPerView: 'auto',
// loopedSlides: bannerLen,
// spaceBetween: 10,
// slidesOffsetBefore: -swiperNum,
// watchSlidesProgress: true,
// watchSlidesVisibility: true,
// onInit: function() {
// $avatarClone.find('li').on('click', function() {
// res = bindAvatar($(this));
// return res;
// });
// }
// });
//
// avatarSwiperClone.params.control = avatarSwiper;
// avatarSwiper.params.control = avatarSwiperClone;
// }
// } else {
// $avatarClone.hide();
// }
// });
starIScroll.iScroll.on('scroll', function() {
// var avatarOffsetT;
//
// if (this.directionY !== -1) {
// setTimeout(function() {
// starIScroll.iScroll.refresh();
// }, 0);
// }
//
// avatarOffsetT = $avatarWrap[0].offsetTop;
//
// if (-this.y >= avatarOffsetT) {
// $avatarClone.show();
//
// if (!avatarSwiperClone) {
// avatarSwiperClone = new Swiper($avatarClone[0], {
// lazyLoading: true,
// lazyLoadingInPrevNext: true,
//
// // loop: true,
// initialSlide: $avatarWrap.find('.swiper-slide-active').index() % bannerLen,
// centeredSlides: true,
// slidesPerView: 'auto',
// loopedSlides: bannerLen,
// spaceBetween: 10,
// slidesOffsetBefore: -swiperNum,
// watchSlidesProgress: true,
// watchSlidesVisibility: true,
// onInit: function() {
// $avatarClone.find('li').on('click', function() {
// res = bindAvatar($(this));
// return res;
// });
// }
// });
//
// avatarSwiperClone.params.control = avatarSwiper;
// avatarSwiper.params.control = avatarSwiperClone;
// }
// } else {
// $avatarClone.hide();
// }
});
starIScroll.iScroll.on('scrollEnd', function() {
// $loadingTip.slideUp();
// $gif.css('display', 'block');
bannerSwiper && bannerSwiper.stopAutoplay();
});
... ...
... ... @@ -31,7 +31,7 @@ function PullRefresh(seclector, options) {
this.iScroll = new IScroll($em.get(0), $.extend({
click: true,
probeType: 3
probeType: 2
}, options));
this.iScroll.on('scrollStart', function() {
... ...
... ... @@ -135,8 +135,8 @@
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
height: calc(100vh - 88px);
}
... ... @@ -446,6 +446,7 @@
.loading-tip {
position: absolute;
width: 100%;
top: 88px;
left: 50%;
transform: translate(-50%, 0);
... ...