Authored by ccbikai

星潮教室优化

... ... @@ -57,7 +57,7 @@ const _processIndexData = (dataList) => {
if (list.ads) {
_.forEach(list.ads.data, (data) => {
formatData.ads.push({
src: data.src + '/q/80',
src: data.src.replace('imageView', 'imageView2'),
url: data.url
});
});
... ... @@ -65,7 +65,7 @@ const _processIndexData = (dataList) => {
// 首页明星文章数据处理
if (list.list) {
_.forEach(list.list, (data) => {
_.forEach(list.list, (data, index) => {
const avatar = {
tags: []
};
... ... @@ -82,7 +82,12 @@ const _processIndexData = (dataList) => {
});
});
if (formatData.articles.length > 10) {
return;
}
formatData.articles.push(_.merge({
noLazy: index < 2,
id: data.id,
url: data.url,
title: data.title,
... ... @@ -97,10 +102,11 @@ const _processIndexData = (dataList) => {
// 首页明星头像数据处理
if (list.tags) {
_.forEach(list.tags, (data) => {
_.forEach(list.tags, (data, index) => {
let url = `/guang/star/detail?tag=${data.tagName}&openby:yohobuy{"action":"go.h5","params":{"id":"","share":"","shareparam":{},"islogin":"N","type":0,"updateflag":"N","url":"http://m.yohobuy.com/guang/star/detail","param":{"tag":"${data.tagName}"}}}`; // eslint-disable-line
formatData.starAvatar.push({
noLazy: index < 5,
url: url,
cover: data.cover ? (data.cover + '?imageView2/2/w/180/h/180/q/80') : data.cover
});
... ...
... ... @@ -11,8 +11,13 @@
<ul class="clearfix swiper-wrapper">
{{# starAvatar}}
<li class="swiper-slide">
{{#if noLazy}}
<a href='{{url}}' class="star" style="background: url('{{image cover 180 180}}')">
</a>
{{else}}
<a href='{{url}}' class="star swiper-lazy" data-background="{{image cover 180 180}}">
</a>
{{/if}}
</li>
{{/ starAvatar}}
</ul>
... ... @@ -26,7 +31,11 @@
<div class="avatar-wrap avatar-num-{{tags.length}}">
{{# tags}}
<a href="{{avatarUrl}}">
{{#if ../noLazy}}
<img src="{{image cover 100 100}}" class="rank-avatar" ></img>
{{else}}
<img data-original="{{image cover 100 100}}" class="rank-avatar lazy" ></img>
{{/if}}
<p class="name">{{tagName}}</p>
</a>
{{/ tags}}
... ... @@ -67,7 +76,11 @@
<div class="artice-cont">
<p>{{articeTxt}}</p>
<div class="artice-imgs-area">
{{#if noLazy}}
<img src="{{image src 266 266}}" />
{{else}}
<img data-original="{{image src 266 266}}" class="lazy" />
{{/if}}
{{!-- <ul class="artice-imgs">
{{#each articeImg}}
... ...
... ... @@ -40,6 +40,9 @@ require('../common');
require('yoho-jquery-lazyload');
$window.on('mousewheel', false);
$('#yoho-header, .head-tab').on('touchmove', function() {
return false;
});
// 限制标题字数
// function txtLimit() {
... ... @@ -150,10 +153,6 @@ function setIndexAction() {
// $('.rank-avatar').each(function(key, item) {
// setAvatar($(item));
// });
$('#yoho-header, .head-tab').on('touchmove', function() {
return false;
});
}
function initAction() {
... ... @@ -177,7 +176,6 @@ function initAction() {
initAction();
// 首页数据请求
getIndexHtml = function() {
loading.showLoadingMask();
... ... @@ -218,9 +216,9 @@ starIScroll = new PullRefresh('.star-main', {
starIScroll.iScroll.on('scrollStart', function() {
// 下拉
if (this.directionY === -1) {
// $loadingTip.slideDown();
}
// if (this.directionY === -1) {
// $loadingTip.slideDown();
// }
bannerSwiper && bannerSwiper.startAutoplay();
});
... ...
... ... @@ -160,6 +160,7 @@
height: 110px;
margin-top: 36px;
background: #000;
transition: all 400ms;
a {
border-radius: 5px;
... ...