ued / yohogirls-frontend · Commits

Go to a project

Authored by 2586703@qq.com
Commit eb33ed238773a2546d80b1a6c04d932016931c7d 2 parents 1fe24f53 de61ad97

Merge branch 'develop' of http://git.dev.yoho.cn/ued/yohogirls-frontend into develop 

合并imgzoom插件到develop
Conflicts:
	web/package.json
Inline Side-by-side
Showing 27 changed files with 769 additions and 286 deletions

2.74 KB | W: | H:

2.62 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

981 Bytes | W: | H:

981 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
<<<<<<< HEAD
require('./channel/detail');
require('./channel/magazine')
\ No newline at end of file
require('./channel/magazine')
=======
var $=require("jquery");
var tips=require("yoho-tips");
var box=require("yoho-box");
//首页碎片交互=================================================================================================
function dealItems() {
var citems = $(".content-item,.content-item-without-border");
if (!citems.length) {
return;
}
var totalLineNum = 7;
// 7 行
var maxTitleStrNum = 45;
// 15个字
var maxDetailStrNum = 24;
// 22个字
if (document.body.clientWidth < 1190) {
totalLineNum = 6;
// 6 行
maxTitleStrNum = 39;
// 13个字
maxDetailStrNum = 54;
// 18个字
}
var titleLineNum = 0;
var subTitleLineNum = 0;
var detailLineNum = 0;
var detailStr = "";
var self = null;
citems.each(function() {
self = $(this);
var itemTitleObj= self.find(".content-item-detail-title");
// 主标题行数
if(typeof(itemTitleObj.attr("_title"))==="undefined"||itemTitleObj.attr("_title")===null)
return;
titleLineNum = 1;
if (maxTitleStrNum < itemTitleObj.attr("_title").length) {
titleLineNum = 2;
}
// 副标题行数
subTitleLineNum = 1;
if (maxTitleStrNum < $(".content-item-detail-subtitle").attr("_title").length) {
subTitleLineNum = 2;
}
// 摘要内容行数
detailLineNum = totalLineNum - titleLineNum - subTitleLineNum;
if ((maxDetailStrNum * detailLineNum) < self.find(".content-item-detail-detail").attr("_title").length) {
detailStr = self.find(".content-item-detail-detail").attr("_title").substring(0, maxDetailStrNum * detailLineNum ) + " ...";
self.find(".content-item-detail-detail").text(detailStr.replace(/[a-zA-Z]+?\s{1}\.\.\.\$/, " ..."));
}
else
{
self.find(".content-item-detail-detail").text(self.find(".content-item-detail-detail").attr("_title"));
}
});
citems = null;
}
dealItems();
//=============================================================
//邮件订阅=============================================================================================================
$(".followus-button").click(function(){
if($(".follow-us-input-content input").val()=='')
{
box.alert(tips.getTips("emailEmpty"));
return;
}
if(!tools.IYOHO_isEmail($(".follow-us-input-content input").val()))
{
box.alert(tips.getTips("emailError"));
return;
}
$(".search-suggest").hide();
window.open( '/passport/subscribe/index?email='+$(".follow-us-input-content input").val());
});
$(".followus-input").keydown(function(event){
if(event.keyCode==13)
{
$(".followus-button").trigger("click");
}
});
//===================================================================================================================
>>>>>>> ww_develop
... ...
/**
* @author DELL
*/
... ...
var $=require("jquery");
require("jquery.autocomplete");
var box=require('../plugin/box');
var box=require('yoho-box');
if ($("#search-content").find(".content-item").length==0) {
var clientHeight=document.body.clientHeight;
$("#search-content").height(clientHeight-436);
$("#search-content").height(clientHeight-704);
}
$("#search-button-search").click(function(){
... ... @@ -22,11 +22,14 @@
window.location.href=YohoConfig.mainUrl+"/search?q="+input.val();
}
});
$("#input-search-search")
.autocomplete('/search/default/words', {
resultsClass: "search-suggest helveticaneue", loadingClass:"loading",
width:249, scrollHeight:360,
max:10, selectFirst:false, autoFill:false,
$("#input-search-search").autocomplete('/search/default/words', {
resultsClass: "search-suggest helveticaneue",
loadingClass:"loading",
width:249,
scrollHeight:360,
max:10,
selectFirst:false,
autoFill:false,
formatResult: function(row, data)
{
return data.replace(/<\/?[^>]*>/g,'');
... ... @@ -49,3 +52,72 @@
$("#search-button-search").trigger("click");
}
});
//首页碎片交互=================================================================================================
function dealItems() {
var citems = $(".content-item,.content-item-without-border");
if (!citems.length) {
return;
}
var totalLineNum = 7;
// 7 行
var maxTitleStrNum = 45;
// 15个字
var maxDetailStrNum = 24;
// 22个字
if (document.body.clientWidth < 1190) {
totalLineNum = 6;
// 6 行
maxTitleStrNum = 39;
// 13个字
maxDetailStrNum = 54;
// 18个字
}
var titleLineNum = 0;
var subTitleLineNum = 0;
var detailLineNum = 0;
var detailStr = "";
var self = null;
citems.each(function() {
self = $(this);
var itemTitleObj= self.find(".content-item-title");
// 主标题行数
if(typeof(itemTitleObj.attr("_title"))==="undefined"||itemTitleObj.attr("_title")===null)
return;
titleLineNum = 1;
if (maxTitleStrNum < itemTitleObj.attr("_title").length) {
titleLineNum = 2;
}
// 副标题行数
subTitleLineNum = 1;
if (maxTitleStrNum < $(".content-item-subtitle").attr("_title").length) {
subTitleLineNum = 2;
}
// 摘要内容行数
detailLineNum = totalLineNum - titleLineNum - subTitleLineNum;
if(itemTitleObj.text()=="sports"){
console.log((maxDetailStrNum * detailLineNum) );
}
if ((maxDetailStrNum * detailLineNum) < self.find(".content-item-detail").attr("_title").length) {
detailStr = self.find(".content-item-detail").attr("_title").substring(0, maxDetailStrNum * detailLineNum ) + " ...";
self.find(".content-item-detail").text(detailStr.replace(/[a-zA-Z]+?\s{1}\.\.\.\$/, " ..."));
}
else
{
self.find(".content-item-detail").text(self.find(".content-item-detail").attr("_title"));
}
});
citems = null;
}
dealItems();
//=============================================================
\ No newline at end of file
... ...
/**
* 文件功能描述 :首页JS
* 使用方法 :直接use
* author :wei.wang@yoho.cn
* date :2015-4-23
*/
var $ = require("jquery");
require("lazyload");
var Swiper = require("yoho-idangerous.swiper");
var tips=require("yoho-tips");
var box=require("yoho-box");
//pop=============================================================================================
var pop = new Swiper('.swiper-container3', {
loop : true,
autoplay : 5000,
autoStopPlay : false,
paginationClickable : true,
onSlideChangeEnd : function() {
pop.startAutoplay();
$(".swiper-container3 .lazy").lazyload();
}
});
$('.prev-button').bind('click', function(e) {
e.preventDefault();
pop.swipePrev();
});
$('.next-button').bind('click', function(e) {
e.preventDefault();
pop.swipeNext();
});
var popTop = $(".pop-container").offset().top;
var popLeft=$(".pop-container").offset().left;
var limitTop=$(".pager-content-default").offset().top+$(".pager-content-default").height()+2-$(".pop-container").height();
var stopTop=$(".pager-content-default").offset().top-$(".pop-container").height();
var stopLeft=$(".bottom-item-container").offset().left+$(".bottom-item-container").width()-$(".pop-container").width();
console.log(stopLeft);
var isFixed=false;
if(limitTop-popTop>$(".pop-container").height())
{
$(window).scroll(function() {
if ($(document).scrollTop() >= popTop&&isFixed===false&&$(document).scrollTop() < limitTop) {
isFixed=true;
$(".pop-container-bottom").attr("class","pop-container");
$(".pop-container").css({position:"fixed",top:0,left:popLeft});
}
else if($(document).scrollTop() > limitTop){
$(".pop-container").removeAttr("style");
if($(".swiper-container2")[0]!=null){
$(".pop-container").css({"border-top":0});
}
$(".pop-container").attr("class","pop-container-bottom");
isFixed=false;
}
else if(isFixed===true&&$(document).scrollTop() < popTop)
{
isFixed=false;
$(".pop-container").removeAttr("style");
if($(".swiper-container2")[0]!=null){
$(".pop-container").css({"border-top":0});
}
}
});
}
//================================================================================================
//首页碎片交互=================================================================================================
//mulLine.init();
function dealItems() {
var citems = $(".item-text-area");
if (!citems.length) {
alert("返回");
return;
}
var totalLineNum = 7;
// 7 行
var maxTitleStrNum = 45;
// 15个字
var maxDetailStrNum = 22;
// 22个字
if (document.body.clientWidth < 1190) {
totalLineNum = 6;
// 6 行
maxTitleStrNum = 39;
// 13个字
maxDetailStrNum = 54;
// 18个字
}
var titleLineNum = 0;
var subTitleLineNum = 0;
var detailLineNum = 0;
var detailStr = "";
var self = null;
citems.each(function() {
self = $(this);
var itemTitleObj= self.find(".item-title:first");
// 主标题行数
titleLineNum = 1;
if (maxTitleStrNum < itemTitleObj.attr("_title").length) {
titleLineNum = 2;
}
// 副标题行数
subTitleLineNum = 1;
if (maxTitleStrNum < itemTitleObj.next().attr("_title").length) {
subTitleLineNum = 2;
}
// 摘要内容行数
detailLineNum = totalLineNum - titleLineNum - subTitleLineNum;
if ((maxDetailStrNum * detailLineNum) < self.find(".item-detail").attr("_title").length) {
detailStr = self.find(".item-detail").attr("_title").substring(0, maxDetailStrNum * detailLineNum ) + " ...";
self.find(".item-detail").text(detailStr.replace(/[a-zA-Z]+?\s{1}\.\.\.\$/, " ..."));
}
});
citems = null;
}
dealItems();
//=============================================================
//邮件订阅=============================================================================================================
$(".followus-button").click(function(){
if($(".follow-us-input-content input").val()=='')
{
box.alert(tips.getTips("emailEmpty"));
return;
}
if(!tools.IYOHO_isEmail($(".follow-us-input-content input").val()))
{
box.alert(tips.getTips("emailError"));
return;
}
$(".search-suggest").hide();
window.open( '/passport/subscribe/index?email='+$(".follow-us-input-content input").val());
});
$(".followus-input").keydown(function(event){
if(event.keyCode==13)
{
$(".followus-button").trigger("click");
}
});
//===================================================================================================================
\ No newline at end of file
... ...
... ... @@ -6,6 +6,7 @@
window.tmp$ = null;
var $ = require('jquery');
window.tmp$ = $;
<<<<<<< HEAD
var Swiper = require("yoho.swiper");
require('./plugin/lazyloadImage');
$(".lazy").lazyload();
... ... @@ -26,6 +27,13 @@ $.fn.left = function() {
return parseFloat($(this).css("left").replace("px", ""));
}
};
=======
require("lazyload");
var Swiper = require("yoho-idangerous.swiper");
$(".lazy").lazyload();
//扩展jquery=================================================================
>>>>>>> ww_develop
$.fn.id = function() {
if (arguments.length > 0) {
$(this).attr("id", arguments[0]);
... ... @@ -38,12 +46,21 @@ $.fn.id = function() {
//banner========================================================================================================
if ($(".swiper-container").find(".swiper-slide").length > 1) {
var mySwiper = new Swiper('.swiper-container', {
<<<<<<< HEAD
pagination: '.pagination-banner',
loop: true,
autoplay: 5000,
grabCursor: true,
paginationClickable: true,
autoStopPlay: false
=======
pagination : '.pagination-banner',
loop : true,
autoplay : 5000,
grabCursor : true,
paginationClickable : true,
autoStopPlay : false
>>>>>>> ww_develop
});
$('.arrow-left').on('click', function(e) {
e.preventDefault();
... ... @@ -57,6 +74,23 @@ if ($(".swiper-container").find(".swiper-slide").length > 1) {
//==============================================================================================================
<<<<<<< HEAD
=======
//centerbanner=============================================================================
var bannerSwiper = new Swiper('.swiper-container2', {
pagination : '.pagination-adv',
loop : true,
autoplay : 2000,
autoStopPlay : false,
paginationClickable : true,
onSlideChangeEnd : function() {
bannerSwiper.startAutoplay();
$(".swiper-container2 .lazy").lazyload();
}
});
//================================================================================================
>>>>>>> ww_develop
$(".getapp").hover(function() {
$(this).find(".bitmap").show();
$("img").lazyload();
... ... @@ -79,6 +113,7 @@ $(".li-weixin").mouseover(function() {
$(".li-weixin").click(function() {
return false;
});
<<<<<<< HEAD
$("#maxEnterprise").click(function() {
$(".bitmap").hide();
$(".pop").hide();
... ... @@ -87,10 +122,13 @@ $("#minEnterprise").click(function() {
$(".bitmap").hide();
$(".pop").hide();
});
=======
>>>>>>> ww_develop
$(".content").click(function() {
$(".bitmap").hide();
$(".pop").hide();
});
<<<<<<< HEAD
//企业滚动效果======================================================================================================
var minMenuHasShow = false; //小导航是否显示
var isTop = true; //滚动条是否在顶部
... ... @@ -173,21 +211,33 @@ if (document.body.scrollTop > 0 && isTop === true) {
}, 200);
isTop = true;
}
=======
>>>>>>> ww_develop
//回到顶部按钮======================================================================================================
$(".return-to-top").click(function() {
$("html,body").animate({
<<<<<<< HEAD
scrollTop: 0
}, 300, function() {
$(".return-to-top").animate({
"filter": "alpha(opacity=0)",
"-moz-opacity": "0",
opacity: "0"
=======
scrollTop : 0
}, 300, function() {
$(".return-to-top").animate({
"filter" : "alpha(opacity=0)",
"-moz-opacity" : "0",
opacity : "0"
>>>>>>> ww_develop
}, 200);
});
});
//===============================================================================================================
<<<<<<< HEAD
//子菜单交互========================================================================================================
... ... @@ -206,6 +256,18 @@ function createSubMenu(info) {
//================================================================================================================
=======
//子菜单交互========================================================================================================
function createSubMenu(info) {
var data = {};
data.menun = info.menu;
//大菜单名字
data.submenu = info.submenu;
//子菜单名字
}
//================================================================================================================
>>>>>>> ww_develop
//频道页、首页碎片交互=================================================================================================
//mulLine.init();
... ... @@ -215,6 +277,7 @@ function dealItems() {
return;
}
<<<<<<< HEAD
var totalLineNum = 7; // 7 行
var maxTitleStrNum = 45; // 15个字
var maxDetailStrNum = 66; // 22个字
... ... @@ -223,6 +286,22 @@ function dealItems() {
totalLineNum = 6; // 6 行
maxTitleStrNum = 39; // 13个字
maxDetailStrNum = 54; // 18个字
=======
var totalLineNum = 7;
// 7 行
var maxTitleStrNum = 45;
// 15个字
var maxDetailStrNum = 66;
// 22个字
if (document.body.clientWidth < 1190) {
totalLineNum = 6;
// 6 行
maxTitleStrNum = 39;
// 13个字
maxDetailStrNum = 54;
// 18个字
>>>>>>> ww_develop
}
var titleLineNum = 0;
... ... @@ -256,6 +335,7 @@ function dealItems() {
});
citems = null;
}
<<<<<<< HEAD
// function fillDetail()
// {
... ... @@ -287,6 +367,24 @@ window.currentWidth = document.body.clientWidth;
var isIpad = getBrowType().bIsIpad;
=======
$(function() {
dealItems();
});
window.currentWidth = document.body.clientWidth;
//================================================================================================================
//=================================================================================================================
/*$(window).bind("resize",function(){
fillDetail();
});*/
//=================================================================================================================
var isIpad = getBrowType().bIsIpad;
>>>>>>> ww_develop
if (isIpad === true) {
$(".search-loading-icon").hide();
$(".search-area").width($(".search-area").width() - 43);
... ... @@ -296,17 +394,29 @@ if (isIpad === true) {
$(".search-text").show();
}
<<<<<<< HEAD
=======
>>>>>>> ww_develop
function getBrowType() {
var info = {};
var sUserAgent = navigator.userAgent.toLowerCase();
info.bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
<<<<<<< HEAD
// info.bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
// info.bIsMidp = sUserAgent.match(/midp/i) == "midp";
// info.bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
// info.bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
// info.bIsAndroid = sUserAgent.match(/android/i) == "android";
// info.bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
=======
// info.bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
// info.bIsMidp = sUserAgent.match(/midp/i) == "midp";
// info.bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
// info.bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
// info.bIsAndroid = sUserAgent.match(/android/i) == "android";
// info.bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
>>>>>>> ww_develop
// info.bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
return info;
}
... ... @@ -319,6 +429,7 @@ if (!isIpad && $(".share").size() > 0) {
scrollTop = $(window).scrollTop();
if (shareOffsetTop - scrollTop - navHeight <= 0) {
$(".share").css({
<<<<<<< HEAD
"position": "fixed",
"top": navHeight
});
... ... @@ -326,11 +437,73 @@ if (!isIpad && $(".share").size() > 0) {
$(".share").css({
"position": "absolute",
"top": shareOffsetTop
=======
"position" : "fixed",
"top" : navHeight
});
} else {
$(".share").css({
"position" : "absolute",
"top" : shareOffsetTop
>>>>>>> ww_develop
});
}
});
}
<<<<<<< HEAD
window.scrollWindow = function() {
if (document.body.clientWidth >= 1190) {
//document.body.scrollTop=850;
window.tmp$(window).scrollTop(850);
} else if (document.body.clientWidth < 1190 && document.body.clientWidth > 768) {
window.tmp$(window).scrollTop(700);
} else if (document.body.clientWidth <= 768) {
window.tmp$(window).scrollTop(600);
}
};
=======
//搜索按钮===========================================================================
$(".search-input-box").keypress(function(event) {
var keyCode = event.keyCode;
if (keyCode === 13) {
$("#search-button").trigger("click");
}
});
$("#search-button").click(function(){
if($.trim($(".search-input-box").val())!==""){
document.location=$(this).attr("searchURL")+"?q="+$(".search-input-box").val();
}
return false;
});
$(document.body).click(function(){
var target = $(".search-text");
target.find(".search-input-box").hide();
target.find(".home-search-button").hide();
target.find(".search-text-content").show();
target.animate({
width : 120
}, 500);
});
$(".search-text").click(function(){return false;});
$(".search-text").click(function() {
$(this).find(".search-text-content").hide();
$(this).find(".search-input-box").width(150).val("").show();
$(this).animate({
width : 190
}, 500, function() {
$(this).find(".home-search-button").show();
$(this).find(".search-input-box").focus();
});
});
//=================================================================================
window.scrollWindow = function() {
if (document.body.clientWidth >= 1190) {
//document.body.scrollTop=850;
... ... @@ -342,4 +515,5 @@ window.scrollWindow = function() {
} else if (document.body.clientWidth <= 768) {
window.tmp$(window).scrollTop(600);
}
};
\ No newline at end of file
};
>>>>>>> ww_develop
... ...
... ... @@ -304,7 +304,11 @@ seajs.config({
{
'jquery': 'lib/jquery',
'jquery-2.1.3': 'lib/jquery-2.1.3'
<<<<<<< HEAD
},*/
=======
},
>>>>>>> ww_develop
base: 'http://localhost:8000/',
charset: 'utf-8'
});
... ...
... ... @@ -17,12 +17,19 @@
"main": "index.js",
"dependencies": {
"jquery": "~1.8.3",
"yoho-tools": "0.0.4",
"lazyload": "1.9.6",
"lazyload": "~1.9.6",
"yoho.swiper": "~2.7.0",
"yoho-idangerous.swiper": "~0.0.2",
"box": "~0.0.0",
"yoho-box": "~0.0.1",
"yoho-tools": "~0.0.4",
"yoho-tips": "~0.0.1",
"jquery-ui": "~1.11.1",
"mustache": "2.0.0",
"yoho-idangerous.swiper": "0.0.2",
"jquery.autocomplete": "0.0.2",
"mlellipsis": "0.0.2"
"mlellipsis": "0.0.2",
"jquery.autocomplete": "~0.0.2"
},
"devDependencies": {
"expect.js": "0.3.1"
... ...
... ... @@ -116,10 +116,11 @@ dl, dt, dd, ul, li{ list-style:none;}
.home-search-button{
position: relative;
float:left;
border:0;
@include blockwh(20px,20px);
background:url(../assets/images/searchbutton.png);
background:url(../assets/images/searchbutton.png) center no-repeat;
cursor:pointer;
margin:3px;
margin:11px 3px 0 3px;
}
... ... @@ -432,7 +433,7 @@ dl, dt, dd, ul, li{ list-style:none;}
border-bottom-color: #84e3ca;
}
.menubar-header-{
.menubar-header-default{
background:#c3e2ce;
}
.menubar-header-fashion{
... ... @@ -447,6 +448,7 @@ dl, dt, dd, ul, li{ list-style:none;}
.magazine-choosen {
color:#fff;
background-position:right bottom;
}
}
.menubar-header-beauty{
... ... @@ -531,6 +533,36 @@ dl, dt, dd, ul, li{ list-style:none;}
}
.girl-channel-arrow-fashion {
border-bottom-color: #9b93ff;
}
.content-item-detail-title-fashion,.content-item-detail-subtitle-fashion {
color:#9b93ff;
}
.girl-channel-arrow-sports{
border-bottom-color: #84e3ca;
}
.content-item-detail-title-sports,.content-item-detail-subtitle-sports {
color:#84e3ca;
}
.girl-channel-arrow-beauty{
border-bottom-color: #ffcaca;
}
.content-item-detail-title-beauty,.content-item-detail-subtitle-beauty {
color:#ffcaca;
}
.girl-channel-arrow-lifestyle {
border-bottom-color: #ffca79;
}
.content-item-detail-title-lifestyle,.content-item-detail-subtitle-lifestyle {
color:#ffca79;
}
.girl-channel-arrow-video {
border-bottom-color: #c5c5c5;
}
.content-item-detail-title-video,.content-item-detail-subtitle-video {
color:#c5c5c5;
}
... ...
... ... @@ -8,8 +8,8 @@
}
.enterprise{
width:100%;
height:182px;
overflow:hidden;
height:152px;
/*overflow:hidden;*/
margin:0 auto 6px;
background:#fff;
.icons{background:url(../assets/images/phone.png) center no-repeat;}
... ... @@ -26,6 +26,8 @@
.black_logo {
background-position: left bottom;
}
.menubar-header{width:100%;}
... ... @@ -41,106 +43,50 @@
margin:0 auto;
margin:0 auto;
position:relative;
.submenu-withleft{
width:1080px;
height:365px;
background:url(../assets/images/submenubackground.png);
position:absolute;
z-index:20;
display:none;
left:0;
top:50px;
border-top:1px solid #000;
.left{
width:198px;
height:349px;
background:#000;
padding-top:16px;
margin-right:6px;
.left-item{
@include blockwh(auto,45px);
font-size:18px;
padding-left:37px;
line-height:45px;
cursor:pointer;
@include fontstyle;
color:#fff;
}
.left-item:hover{
font-weight:bold;
}
.left-item-choosen{
font-weight:bold;
@include blockwh(auto,45px);
font-size:18px;
padding-left:37px;
line-height:45px;
cursor:pointer;
color:#fff;
}
}
.submenu-waiting{
background:url(../assets/images/loading.gif) center no-repeat;
}
.submenu-waiting-with-left{
width:875px;
height:361px;
float:left;
}
.content-item-menu{
margin-top:30px;
width:290px;
height:330px;
float:left;
position:relative;
.link{
@include blockwh(100%,100%);
cursor:pointer;
position:absolute;
z-index:1;
}
.a-img{
@include blockwh(267px,170px);
margin:0 auto 20px auto;
position:relative;
.a-video{
position:absolute;
left:50%;
top:50%;
@include blockwh(50px,43px);
margin: -21px 0 0 -25px;
background:url(../assets/images/vedio.png);
cursor:pointer;
z-index:9;
}
img{@include blockwh(100%,100%);
}
}
.text{
@include blockwh(267px,auto);
font-size:18px;
line-height:22px;
font-weight:bold;
text-align:center;
margin:0 auto;
}
.detail{margint-top:10px;}
}
}
.submenu{
width:1040px;
height:365px;
height:395px;
background:url(../assets/images/submenubackground.png);
position:absolute;
z-index:20;
z-index:50;
padding:0 20px ;
left:0;
top:50px;
top:43px;
display:none;
/*overflow:hidden;*/
border-top:1px solid #000;
.arrow {
width: 0;
height: 0;
border-width: 20px 10px;
border-style: solid;
border: 0 dashed transparent;
border-width:14px;
border-bottom-color:#fff;
position:absolute;
top: -28px;
}
.more-content {
width:1040px;
height:50px;
margin:0 auto;
float:left;
position:relative;
bottom:0;
a {
display:block;
height:50px;
line-height:50px;
float:right;
margin-right:15px;
text-align:right;
font-size:20px;
color:#000;
width:100px;
cursor:pointer;
}
}
.content-item-menu{
margin-top:30px;
width:346px;
... ... @@ -152,7 +98,7 @@
@include blockwh(100%,100%);
cursor:pointer;
position:absolute;
z-index:1;
z-index:1;
}
.a-img{@include blockwh(320px,204px);position:relative;
... ... @@ -180,6 +126,11 @@
font-weight:bold;
margin:0 auto;
text-align:center;
color:#000;
&:hover {
color:#000;
}
}
.detail{margin-top:10px;}
}
... ... @@ -203,22 +154,13 @@
.menu-item:hover{
color:#fff;
display:block;height:43px;line-height:43px;float:left;cursor:pointer;
display:block;float:left;;
.submenu{display:block;}
.submenu-withleft{display:block;}
}
.menu-item-hk:hover{
color:#fff;
display:block;height:43px;line-height:43px;float:left;cursor:pointer;
display:block;float:left;
.submenu{display:block;}
.submenu-withleft{display:block;}
}
.menu-choosen-hk{display:block;height:43px;line-height:43px;float:left;margin:0 10px;cursor:pointer;
}
.menu-choosen{display:block;height:43px;line-height:43px;float:left;margin:0 10px;cursor:pointer;
}
... ... @@ -378,6 +320,7 @@
display:inline-block;
margin-top:5px;
height:30px;
width:1080px;
text-align: center;
bottom:5px;
}
... ... @@ -387,7 +330,7 @@
top:50%;
margin-top:-50px;
cursor:pointer;
z-index:666;
z-index:16;
@include blockwh(50px,50px);
background:url(../assets/images/nextprev.png) no-repeat;
}
... ... @@ -633,7 +576,7 @@
position:absolute;
top:37px;
left:-45px;
z-index:10px;
z-index:10;
display:none;
background:url(../assets/images/weixinbackground.png)left top;
.bitmap{
... ... @@ -856,7 +799,7 @@
position:absolute;
top:37px;
left:-45px;
z-index:10px;
z-index:10;
display:none;
background:url(../assets/images/weixinbackground.png)left top;
.bitmap{
... ... @@ -1009,14 +952,18 @@
.menu-link-channel{
font-size:24px;
color:#000;
position:relative;
letter-spacing:1px;
line-height:38px;
height:43px;
line-height:43px;
color:#000;
@include blockwh(100%,100%);
&:hover{
color:#fff;
}
&:hover {
color:#fff;
background:url(../assets/images/menu_hover.png) center bottom no-repeat;
}
.menu{@include blockwh(100%,100%);position:absolute;top:0;left:0;z-index:10;}
}
.menu-link-magazine {
... ... @@ -1030,11 +977,34 @@
}
}
.menu-link-fashion {width:100px;}
.menu-link-sports {width:100px;margin-left:41px;}
.menu-link-lifestyle {width:100px;margin-left:31px;}
.menu-link-beauty {width:100px;margin-left:46px;}
.menu-link-sports {
width:100px;
margin-left:41px;
&:hover{
background-position:22px bottom;
}
}
.menu-link-lifestyle {
width:100px;
margin-left:31px;
&:hover{
background-position:31px bottom;
}
}
.menu-link-beauty {
width:100px;
margin-left:46px;
&:hover{
background-position:30px bottom;
}
}
.menu-link-video {width:100px;margin-left:49px;}
.menu-link-video {width:100px;margin-left:49px;
&:hover{
background-position:30px bottom;
}
}
... ... @@ -1087,8 +1057,10 @@
display: block;
line-height: 22px;
font-size: 13px;
height:130px;
margin-top: 26px;
color:#666;
overflow:hidden;
}
}
... ... @@ -1124,7 +1096,7 @@
width:345px;
height:210px;
background:url(../assets/images/followusbackground.png) 0 0;
background-size:392px 604px;
background-size:2392px 604px;
margin-top:32px;
.title{
@include blockwh(100%,70px);
... ... @@ -1167,7 +1139,7 @@
position:absolute;
top:37px;
left:-45px;
z-index:10px;
z-index:10;
display:none;
background:url(../assets/images/weixinbackground.png)left top;
.bitmap{
... ... @@ -1204,11 +1176,13 @@
line-height:30px;
float:left;
outline:none;
border:1px solid #000;
}
.button{
@include blockwh(106px,30px);
color:#fff;
@include fontstyle;
background: #000;
font-size: 18px;
text-align: center;
float: left;
... ... @@ -1254,6 +1228,7 @@
.pagination {
display:inline-block;
height:30px;
width:100%;
text-align: center;
}
}
... ... @@ -1282,7 +1257,6 @@
a{color:#000;}
a.pager-item{
cursor:pointer;
width:38px;
height:50px;
margin: 0 6px;
... ... @@ -1300,16 +1274,22 @@
text-align:center;
}
.pager-item-choosen{color:#fff;background:url(../assets/images/pager_choosen.png) left top no-repeat;}
a.pager-item-choosen{color:#fff;background:url(../assets/images/pager_choosen.png) left top no-repeat;}
}
}
.pop-container {
.pop-container{
top:0;
right:0;
}
.pop-container-bottom{
right:0;
bottom:0;
}
.pop-container,.pop-container-bottom {
width:342px;
height:646px;
height:722px;
position:absolute;
top:0;
right:0;
border-bottom:1px solid #000;
border-top:1px solid #000;
... ... @@ -1320,6 +1300,19 @@
text-align: center;
font-size: 26px;
}
.swiper-container3 {
overflow:hidden;
width: 342px;
height: 532px;
}
.pop-img-container {
width: 342px;
height: 532px;
display: block;
cursor: pointer;
overflow:hidden;
}
.pop-link {
width: 342px;
... ... @@ -1354,6 +1347,7 @@
}
.button-container {
width:50px;
height:30px;
margin:0 auto;
display:block;
... ... @@ -1397,7 +1391,7 @@
.pager-content {
width: 1080px;
.pager-item-choosen {
a.pager-item-choosen {
color:#fff;
background:url(../assets/images/pager_choosen.png) left -50px no-repeat;
}
... ... @@ -1435,9 +1429,22 @@
.submenu-fashion {
left:-1px;
}
.submenu-sports {
left:-288px;
}
.submenu-lifestyle {
left:-419px;
}
.submenu-video {
left:-568px;
}
.submenu-beauty {
left:-147px;
}
... ... @@ -1475,7 +1482,8 @@
}
}
.content-item-detail-a-img:hover .pic{-webkit-transform: scale(1.1);transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);}
.content-item-detail-title {
.content-item-detail-title-style {
display: block;
width: 342px;
font-size: 20px;
... ... @@ -1484,7 +1492,7 @@
text-align: center;
font-weight: bold;
}
.content-item-detail-subtitle {
.content-item-detail-subtitle-style {
display: block;
font-size: 20px;
cursor: pointer;
... ... @@ -1748,7 +1756,7 @@
outline:none;
overflow:hidden;
padding:3px 5px;
margin:3px 0;
margin:8px 0 3px 0;
font-size:18px;
width:180px;
float:left;
... ...
... ... @@ -10,7 +10,7 @@
.tag-icon{
@include blockwh(22px,22px);
background:url(../images/tag.png) no-repeat;
background:url(../assets/images/tag.png) no-repeat;
cursor:pointer;
float:left;
margin:20px 10px 0 50px;
... ...
... ... @@ -38,94 +38,7 @@
font-size:14px;
position:relative;
margin:0 auto;
.submenu-withleft{
width:925px;
height:310px;
background:url(../assets/images/submenubackground.png);
position:absolute;
z-index:20;
display:none;
left:0;
top:41px;
border-top:1px solid #000;
.submenu-waiting{
background:url(../assets/images/loading.gif) center no-repeat;
}
.submenu-waiting-with-left{
width:735px;
height:305px;
float:left;
}
.left{
width:170px;
height:294px;
padding-top:16px;
background:#000;
.left-item{
@include blockwh(auto,40px);
font-size:18px;
padding-left:37px;
line-height:40px;
cursor:pointer;
color:#fff;
}
.left-item:hover{
font-weight:bold;
}
.left-item-choosen{font-weight:bold;
@include blockwh(auto,40px);
font-size:18px;
padding-left:37px;
line-height:40px;
cursor:pointer;
color:#fff;
}
}
.content-item-menu{
margin-top:30px;
width:250px;
height:330px;
float:left;
position:relative;
.link{
@include blockwh(100%,100%);
cursor:pointer;
position:absolute;
z-index:1;
}
.a-img{
@include blockwh(229px,154px);
margin:0 auto;
position:relative;
margin-bottom:20px;
.a-video{
position:absolute;
left:50%;
top:50%;
@include blockwh(50px,43px);
margin: -21px 0 0 -25px;
background:url(../assets/images/vedio.png);
cursor:pointer;
z-index:9;
}
img{@include blockwh(229px,154px);
margin:0 auto;
}
}
.text{
@include blockwh(229px,auto);
font-size:17px;
line-height:20px;
font-weight:bold;
margin:0 auto;
text-align:center;
}
.detail{margin-top:10px;}
}
}
.submenu{
width:871px;
... ... @@ -134,10 +47,8 @@
position:absolute;
z-index:20;
padding:0 13px 0 25px;
left:0;
top:41px;
display:none;
border-top:1px solid #000;
/*display:none;*/
.content-item-menu{
margin-top:30px;
width:290px;
... ... @@ -149,6 +60,10 @@
cursor:pointer;
position:absolute;
z-index:1;
&:hover {
color: #000;
}
}
.a-img{
@include blockwh(254px,170px);
... ... @@ -187,7 +102,12 @@
background:url(../assets/images/logo_small.png) left -43px no-repeat;height:50px;float:left;display:block;width:67px;
a{display:block;width:100%;height:100%;}
}
.menu-item{display:block;height:41px;line-height:41px;float:left;cursor:pointer;
.menu-item{
display:block;
height:43px;
line-height:43px;
float:left;
cursor:pointer;
.menu-link{
@include blockwh(100%,100%);
}
... ... @@ -203,43 +123,34 @@
.menu-item:hover{
display:block;height:41px;line-height:41px;float:left;cursor:pointer;
display:block;height:43px;line-height:43px;float:left;cursor:pointer;
.submenu{display:block;}
.submenu-withleft{display:block;}
}
.menu-item-hk:hover{
display:block;height:41px;line-height:41px;float:left;cursor:pointer;
display:block;height:43px;line-height:43px;float:left;cursor:pointer;
.submenu{display:block;}
.submenu-withleft{display:block;}
}
.menu-choosen{
.menu-link{
@include blockwh(100%,100%);
}
display:block;height:41px;line-height:41px;float:left;cursor:pointer;
display:block;height:43px;line-height:43px;float:left;cursor:pointer;
background:url(../assets/images/menu_icons.png) no-repeat #fff;
}
.menu-choosen-hk{
.menu-link{
@include blockwh(100%,100%);
}
display:block;height:41px;line-height:41px;float:left;cursor:pointer;
display:block;height:43px;line-height:43px;float:left;cursor:pointer;
background:url(../assets/images/menu_icons_hk.png) no-repeat #fff;
}
.menu-choosen:hover{.submenu{display:block;}
.submenu-withleft{display:block;}}
}
.menu-choosen-hk:hover{.submenu{display:block;}
.submenu-withleft{display:block;}}
.video-choosen{background-position:-120px -0;width:100px;}
.fashion-choosen{background-position:-120px -42px ;width:100px;}
.sports-choosen{background-position:-120px -88px;width:100px;}
.lifestyle-choosen{background-position:-120px -135px;width:110px;}
.magazine-choosen{background-position:-130px -180px;width:100px;}
.map-choosen{background-position:-130px -229px;width:100px;}
}
span.right,.search-area{
display:block;
... ... @@ -402,6 +313,7 @@
position:absolute;
top:50%;margin-top:-37px;
cursor:pointer;
z-index:16;
@include blockwh(50px,50px);
background:url(../assets/images/nextprev.png) no-repeat;
}
... ... @@ -587,7 +499,7 @@
position:absolute;
top:37px;
left:-45px;
z-index:10px;
z-index:10;
display:none;
background:url(../assets/images/weixinbackground.png)left top;
.bitmap{
... ...
... ... @@ -115,44 +115,53 @@ sizes, pagination, etc.
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination {
@include blockwh(30px,30px);
float:left;
@mixin inlineblock{
display:inline-block;
width:30px;
height:30px;
cursor:pointer;
background:url(../assets/images/pagercycle.png) no-repeat;
}
.swiper-pagination {
@include inlineblock;
background:url(../assets/images/pagercycle.png) no-repeat;
}
/*默认首页*/
.swiper-pagination-switch {
@include inlineblock;
background:url(../assets/images/pagercycle.png) left bottom no-repeat;
}
.swiper-visible-switch {
@include inlineblock;
background:url(../assets/images/pagercycle.png) left top no-repeat;
}
.pagination-big-banner{
.swiper-pagination {
@include blockwh(30px,30px);
float:left;
cursor:pointer;
background:url(../assets/images/pagercycle.png) no-repeat;
}
/*默认首页*/
.swiper-pagination-switch {
background-position: left -30px;
@include inlineblock;
background:url(../assets/images/pagercycle.png) left bottom no-repeat;
}
.swiper-visible-switch {
background-position: left top;
@include inlineblock;
background:url(../assets/images/pagercycle.png) left top no-repeat;
}
}
.pagination-big-banner-default{
.swiper-pagination {
@include blockwh(30px,30px);
float:left;
cursor:pointer;
@include inlineblock;
background:url(../assets/images/pagercycle.png) no-repeat;
}
/*默认首页*/
.swiper-pagination-switch {
background-position: left -30px;
@include inlineblock;
background:url(../assets/images/pagercycle.png) left bottom no-repeat;
}
.swiper-visible-switch {
background-position: left top;
@include inlineblock;
background:url(../assets/images/pagercycle.png) left top no-repeat;
}
}
... ... @@ -161,10 +170,12 @@ Pagination Styles
.pagination-big-banner-fashion,.content-fashion{
/*默认首页*/
.swiper-pagination-switch {
background-position: -30px -30px;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -30px -30px no-repeat;
}
.swiper-visible-switch {
background-position: -30px top;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -30px top no-repeat;
}
}
... ... @@ -172,10 +183,12 @@ Pagination Styles
/*默认首页*/
.swiper-pagination-switch {
background-position: -90px -30px;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -90px -30px no-repeat;
}
.swiper-visible-switch {
background-position: -90px top;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -90px top no-repeat;
}
}
... ... @@ -183,10 +196,12 @@ Pagination Styles
/*默认首页*/
.swiper-pagination-switch {
background-position: -150px -30px;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -150px bottom no-repeat;
}
.swiper-visible-switch {
background-position: -150px top;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -150px top no-repeat;
}
}
... ... @@ -194,10 +209,12 @@ Pagination Styles
/*默认首页*/
.swiper-pagination-switch {
background-position: -60px -30px;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -60px -30px no-repeat;
}
.swiper-visible-switch {
background-position: -60px top;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -60px top no-repeat;
}
}
... ... @@ -205,10 +222,12 @@ Pagination Styles
.pagination-big-banner-video,.content-video{
/*默认首页*/
.swiper-pagination-switch {
background-position: -120px -30px;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -120px -30px no-repeat;
}
.swiper-visible-switch {
background-position: -120px top;
@include inlineblock;
background:url(../assets/images/pagercycle.png) -120px top no-repeat;
}
}
... ...