fe / YOHOBUYPC · Commits

Go to a project

Authored by hf
Commit f9afa57894a0a2b623dfe42bd925c9532845175f 1 parent 469faaa9

do feature 3.1 3.2 my center and detail page

Inline Side-by-side
Showing 60 changed files with 2591 additions and 1013 deletions

Too many changes to show.
Reload with full diff Plain diff Email patch

To preserve performance only 60 of 60+ files are displayed.

... ... @@ -15,7 +15,7 @@
"disallowSpaceBeforePostfixUnaryOperators": true,
"disallowSpaceBeforeSemicolon": true,
"disallowSpacesInCallExpression": true,
"disallowSpacesInFunctionDeclaration": {
"disallowSpacesInFunction": {
"beforeOpeningRoundBrace": true
},
"disallowSpacesInsideArrayBrackets": true,
... ...
... ... @@ -1050,4 +1050,176 @@
],
//若无收藏则不传infos
}
}
\ No newline at end of file
}
### 商品详情页
{
'goodsDetailPage': true,
'pageHeader': {
'navBack': 'sss ',
'navHome': 'sss ',
'navTitle': '商品详情'
},
'bannerTop': {
'list': [
{
'img' : ''
},
...
]
},
'goodsName' : 'Stussy No. 4 BOX TEE ',
'goodsSubtitle' : '【全民拼抢购】经典印花T恤，满4件免一件！',
'goodsPrice' : {
'currentPrice' : '¥298.00',
'previousPrice' : '¥598.00'
},
'periodOfMarket' : '11月',
'goodsTitle' : '¥298.00',
'vipLevel' : {
'list' : [
{
'text' : '¥284.00'
},
...
]
},
'goodsDiscount' : {
'listLength' : 2,
'list' : [
{
'text' : '【BACK TO SCHOOL】满￥499赠送Paul Franke帽子一个，多买多送！'
},
...
]
},
'feedbacks' : {
'commentsNum' : 0,
'consultsNum' : 1,
'link' : '',
'comments' : [
{
'userName' : 'Lynnic',
'desc' : '购买了白色Mate7',
'content' : '活动时买的',
'time' : '2014-08-12 10:24:26'
},
...
],
'consults' : [
{
'question' : '您好 我一米七七 140斤 穿M的行吗',
'time' : '2014-08-12 10:24:26',
'answer' : ''
},
...
]
},
'enterStore' : {
'img' : '',
'storeName' : 'Stussy',
'url' : 'http://stussy.m.yohobuy.com/'
},
'goodsDescription' : {
'title' : '商品描述',
'enTitle' : 'DESCRIPTON',
'detail' : {
'list':[
{
'param' : '编号: 51018059'
},
...
]
},
'desc': 'balabala'
},
'sizeInfo' : {
'title' : '尺码信息',
'enTitle' : '',
'detail' : {
'list' : [
{
'params' : [
{
'param' : '尺寸'
},
...
]
},
...
]
}
},
'measurementMethod' : {
'title': '测量方式',
'enTitle': 'MEASUREMENT METHOD',
'img' : '',
},
'reference' : {
'title' : '模特试穿',
'enTitle' : '',
'detail' : {
'list' : [
{
'params':[
{
'param' =>'头像'
},
...
]
},
...
]
}
},
'materials' : {
'title' : '商品材质',
'enTitle' : '',
list:[
{
'img' : '',
'desc' : '用各种洗涤剂',//remark
}
...
]
},
'washTips' : {
'list' : [
{
"caption":"不可干洗",
"img":"http://static.yohobuy.com/images/wash_5.png"
}
...
]
}
'productDetail' : {
'title' : '商品详情',
'enTitle' : '',
'desc' : 'Married to the MOB是由Leah McSweeney创立的女装品牌，一向标榜不羁、大胆的女性streetwear设计',
'list' : [
{
'img':''
}
...
]
},
'cartInfo' : {
'numInCart' : 3,
'goodsInstore' : 0
}
}
... ...
{
"arrivalTime": 1309514897,
"attribute": 1,
"auditingTime": 0,
"brand": {
"brandAlif": "R",
"brandBanner": "/2011/06/26/14/02d2214a0a7feb6112a8ebbd39de301192.jpg",
"brandCertificate": "",
"brandCss": "",
"brandDomain": "REVELATOR",
"brandGroupId": 0,
"brandIco": "http://img13.static.yhbimg.com/brandLogo/2011/06/26/14/020b083d91ebd1ff9a0600a8421fdbb388.jpg?imageMogr2/thumbnail/{width}x{height}/extent/{width}x{height}/background/d2hpdGU=/position/center/quality/90",
"brandInitials": "",
"brandKeyword": "REVELATOR",
"brandLevel": 1,
"brandName": "REVELATOR",
"brandNameCn": "",
"brandNameEn": "REVELATOR",
"brandOutline": "所有围绕在我们身边并且默默在对这个世界付出的人，都是我们所认知的启示者。",
"brandScale": 3,
"brandSign": "",
"brandStyle": "个性,潮流,嘻哈,街头,",
"brandTemplate": 1,
"brandTypeId": 3,
"brandUrl": "",
"hotKeyword": "REVELATOR",
"id": 119,
"isHot": "N",
"isIndependent": "N",
"orderBy": 0,
"parentId": 0,
"relateBrandIds": "",
"shelvesBrandTime": 0,
"staticContentCode": "",
"status": 0
},
"brandId": 119,
"categoryBoList": [
{
"categoryId": 1,
"categoryName": "上衣",
"isleaf": true,
"level": 1
},
{
"categoryId": 11,
"categoryName": "T恤",
"isleaf": true,
"level": 2
},
{
"categoryId": 114,
"categoryName": "T恤",
"isleaf": true,
"level": 3
}
],
"cnAlphabet": "REVELATORTHERDuanXiuTXu",
"createTime": 1308726112,
"editTime": 0,
"erpProductId": 50004331,
"expectArrivalTime": 1309514897,
"firstShelveTime": 1309514897,
"folderId": 0,
"gender": "1",
"goodsList": [
{
"colorId": 1,
"colorImage": "http://img12.static.yhbimg.com/goodsimg/2012/03/02/14/02ea70da41df2d162fe1ec1c5d53367086.jpg?imageMogr2/thumbnail/{width}x{height}/extent/{width}x{height}/background/d2hpdGU=/position/center/quality/90",
"colorName": "白",
"factorySn": "",
"firstShelveTime": 1309514897,
"goodsImagesList": [
{
"angle": 0,
"genderCover": 0,
"goodsId": 3241,
"id": 131463,
"imageName": "",
"imageUrl": "http://img12.static.yhbimg.com/goodsimg/2012/03/02/14/02ea70da41df2d162fe1ec1c5d53367086.jpg?imageMogr2/thumbnail/{width}x{height}/extent/{width}x{height}/background/d2hpdGU=/position/center/quality/90",
"intro": 0,
"isDefault": "Y",
"orderBy": 1,
"productId": 2631,
"status": 1
},
{
"angle": 0,
"genderCover": 0,
"goodsId": 3241,
"id": 131462,
"imageName": "",
"imageUrl": "http://img13.static.yhbimg.com/goodsimg/2012/03/02/14/02df4081143c563f1d0ea8192a316f40fd.jpg?imageMogr2/thumbnail/{width}x{height}/extent/{width}x{height}/background/d2hpdGU=/position/center/quality/90",
"intro": 0,
"isDefault": "N",
"orderBy": 0,
"productId": 2631,
"status": 1
}
],
"goodsName": "THE R TEE",
"goodsSizeBoList": [
{
"createTime": 0,
"goodsId": 3241,
"goodsSizeSkuId": 102000,
"goodsSizeStorageNum": 0,
"id": 203,
"orderBy": 1175,
"sizeName": "M",
"sortId": 0,
"updateTime": 0
},
{
"createTime": 0,
"goodsId": 3241,
"goodsSizeSkuId": 102001,
"goodsSizeStorageNum": 0,
"id": 201,
"orderBy": 1169,
"sizeName": "L",
"sortId": 0,
"updateTime": 0
}
],
"id": 3241,
"isDefault": "N",
"isDown": "N",
"matchExplain": "",
"productId": 2631,
"productSkc": 3241,
"status": 1,
"viewNum": 0
}
],
"id": 2631,
"isAdvance": "N",
"isAuditing": "Y",
"isDown": "N",
"isEdit": 1,
"isHot": "N",
"isJit": "N",
"isLimited": "N",
"isNew": "N",
"isOutlets": "N",
"isPromotion": 0,
"isRecommend": "N",
"isReplenishment": 0,
"isRetrieval": "N",
"isSales": "Y",
"isSpecial": "N",
"maxSortId": 1,
"middleSortId": 11,
"phrase": "以品牌字首R字母為设计重点，环绕式轮廓线营造渐层视觉 ",
"productName": "REVELATORTHER 短袖T恤",
"productPriceBo": {
"formatMarketPrice": "￥255.0",
"formatSalesPrice": "￥99.0",
"formatSpecialPrice": "￥99.0",
"marketPrice": 255,
"productId": 2631,
"salesPrice": 99,
"specialPrice": 99,
"vipPrice": "￥0.0",
"vipPrices": [
{
"vipLevel": 1,
"vipPrice": "￥94",
"vipTitle": "银卡"
},
{
"vipLevel": 2,
"vipPrice": "￥89",
"vipTitle": "金卡"
},
{
"vipLevel": 3,
"vipPrice": "￥87",
"vipTitle": "白金"
}
]
},
"productTagBoList": [
{
"tagLabel": "is_discount",
"tagValue": "Y"
},
{
"tagLabel": "is_soon_sold_out",
"tagValue": "Y"
}
],
"promotionBoList": [
{
"promotionTitle": "【秋冬热促】满￥2188减￥800",
"promotionType": "满减"
},
{
"promotionTitle": "【秋冬热促】满￥1488减￥500",
"promotionType": "满减"
}
],
"consultBoWrapper": {
"consultBoList": [
{
"answer": "您好，我们会联系品牌尽快补货，目前没有办法给您确切的答复，建议您进行到货通知的登记，补货到了，会第一时间短信联系您的。感谢您对yoho!有货的关注。",
"answerTime": "2012-05-02 15:10:08",
"ask": "请问 这件的灰色的L码还会不会补货？",
"askTime": "2012-05-02 14:23:09",
"id": 68252
}
],
"consultTotal": 5
},
"commentBoWrapper": {
"commentBoList": [
{
"productId": "您好，我们会联系品牌尽快补货，目前没有办法给您确切的答复，建议您进行到货通知的登记，补货到了，会第一时间短信联系您的。感谢您对yoho!有货的关注。",
"id": "2012-05-02 15:10:08",
"uid": "请问 这件的灰色的L码还会不会补货？",
"content": "2012-05-02 14:23:09",
"createTime": "2012-05-02 14:23:09",
"sizeName"："L",
"colorName":"red",
"nickName":"xieyong",
"headIcon":"http://dddd"
}
],
"commentTotal": 5
}
"productUrl": "http://m.yohobuy.com/product/pro_2631_3241/REVELATORTHERDuanXiuTXu.html",
"salableTime": "0",
"salesPhrase": "",
"seasons": "summer",
"sellChannels": "0",
"seriesId": 0,
"shelveTime": 1325135169,
"shopId": 0,
"smallSortId": 114,
"sortId": 0,
"status": 1,
"storage": 0,
"style": "",
"supplierId": 0,
"vipDiscountType": 1
}
\ No newline at end of file
... ...
{
"modelBos": [],
"null": false,
"productDescBo": {
"colorName": "灰色",
"erpProductId": "50002468",
"gender": 1,
"null": false,
"standardBos": []
},
"productExtra": {
"null": true
},
"productIntroBo": {
"productId": 10,
"productIntro": "<p>\r\n\t破壳小队长印花笔记本，夸张而卡通的设计，简单白皙的纸张，配有手缝带，味道十足。<br />\r\n\t<br />\r\n\t<br />\r\n\t<img src=\"http://img04.static.yohobuy.com/thumb/2011/06/23/04/02efe1bb1bc80d0ffd2911dc2f160c7974-0750x1500-1-goodsimg.jpg\" /><br />\r\n\t<br />\r\n\t<br />\r\n\t<img src=\"http://img04.static.yohobuy.com/thumb/2011/06/23/04/02b741288ddc8095598bbc7c487c8bc892-0750x1500-1-goodsimg.jpg\" /><br />\r\n\t<br />\r\n\t<br />\r\n\t<img src=\"http://img04.static.yohobuy.com/thumb/2011/06/23/04/028c47cc3002d40c42f35120007f13ff17-0750x1500-1-goodsimg.jpg\" /><br />\r\n\t<br />\r\n\t<br />\r\n\t<img src=\"http://img04.static.yohobuy.com/thumb/2011/06/23/04/026c9a61457a93c0473e4674f85344c8f0-0750x1500-1-goodsimg.jpg\" /><br />\r\n\t<br />\r\n\t<br />\r\n\t<img src=\"http://img04.static.yohobuy.com/thumb/2011/06/23/04/02da50cfde3d6cf203d8cb3df1eaa29353-0750x1500-1-goodsimg.jpg\" /><br />\r\n\t<br />\r\n\t&nbsp;</p>"
},
"productMaterialList": [],
"sizeImage": "http://static.yohobuy.com/images/1.jpg",
"sizeInfoBo": {
"sizeAttributeBos": [
{
"attributeName": "后衣长",
"id": 49
},
{
"attributeName": "前衣长",
"id": 48
},
{
"attributeName": "袖长",
"id": 5
},
{
"attributeName": "胸围",
"id": 4
},
{
"attributeName": "肩宽",
"id": 3
},
{
"attributeName": "后中长",
"id": 1
}
],
"sizeBoList": [
{
"id": 201,
"sizeName": "L",
"sortAttributes": [
{
"id": 49,
"sizeValue": ""
},
{
"id": 48,
"sizeValue": ""
},
{
"id": 5,
"sizeValue": "64"
},
{
"id": 4,
"sizeValue": "108"
},
{
"id": 3,
"sizeValue": "49"
},
{
"id": 1,
"sizeValue": "67"
}
]
},
{
"id": 203,
"sizeName": "M",
"sortAttributes": [
{
"id": 5,
"sizeValue": "62"
},
{
"id": 4,
"sizeValue": "102"
},
{
"id": 3,
"sizeValue": "46"
},
{
"id": 1,
"sizeValue": "64"
},
{
"id": 49,
"sizeValue": ""
},
{
"id": 48,
"sizeValue": ""
}
]
}
]
},
"washTipsBoList": [
{
"caption": "不可转笼翻转干燥",
"img": "http://static.yohobuy.com/images/wash_2.png"
},
{
"caption": "30度水温弱速洗",
"img": "http://static.yohobuy.com/images/wash_3.png"
},
{
"caption": "分色洗涤",
"img": "http://static.yohobuy.com/images/wash_7.png"
}
]
}
\ No newline at end of file
... ...
... ... @@ -171,12 +171,11 @@ class UserData
* 优惠券数据
*
* @param int $uid 用户ID
* @param int $status 优惠券状态，0表示未使用，1表示已使用
* @param int $page 第几页，默认1
* @param int $limit 限制读取的数目，默认10
* @return array 优惠券接口返回的数据
*/
public static function couponData($uid, $status, $page = 1, $limit = 10)
public static function couponData($uid, $page = 1, $limit = 10)
{
$urlList = array();
... ... @@ -322,18 +321,41 @@ class UserData
}
/**
* 意见靠谱，不靠谱接口
*
* @param int $uid 用户ID
* @param string $udid 客户端唯一标识
* @param int $suggest_id 意见id
* @return array 接口返回的数据
*/
public static function upAndDown($uid, $udid, $suggest_id)
{
$param = Yohobuy::param();
$param['uid'] = $uid;
$param['udid'] = $udid;
$param['content'] = $suggest_id;
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::SERVICE_URL . 'suggest/api/v1/suggest/is_reliable', $param);
}
/**
* 提交意见反馈接口
*
* @param int $uid 用户ID
* @param string $content 意见内容
* @param mixed $image 图片地址
* @param int $suggest_type 意见类型
* @return array 意见反馈接口返回的数据
*/
public static function savesuggestData($uid, $content, $suggest_type)
public static function savesuggestData($uid, $content, $image, $suggest_type)
{
$param = Yohobuy::param();
$param['uid'] = $uid;
$param['content'] = $content;
if($image !== null) {
$param['image'] = $image;
}
$param['suggest_type'] = $suggest_type;
$param['client_secret'] = Sign::getSign($param);
... ...
... ... @@ -17,74 +17,30 @@ use Api\Yohobuy;
class DetailData
{
const PRODUCT_BASE_INFO = 'queryProductBasicInfo';
const PRODUCT_GOODS_INFO = 'queryGoodsById';
const PRODUCT_BASE_INFO = 'product/queryProductDetailByProductId';
const PRODUCT_SIZE_INFO = 'product/queryProductIntroBySkn';
/**
* 商品基本信息
*
* @param int $productId
* @param int $productId 商品ID
* @param int $uid 用户ID
* @return array
*/
public function product($productId)
public static function baseInfo($productId, $uid)
{
$result = array();
if (is_numeric($productId)) {
$result = Yohobuy::get(Yohobuy::API_URL_PRODUCTDETAIL . self::PRODUCT_BASE_INFO, array('productId' => $productId) );
}
return $result;
return Yohobuy::jsonPost(Yohobuy::API_URL_PRODUCTDETAIL . self::PRODUCT_BASE_INFO, array('param' => intval($productId), 'userId' => intval($uid)) );
}
/**
* 商品小图
* 商品尺码信息
*
* @param int $goodsId
* @param int $productSkn 商品SKN号
* @return array
*/
public function goods($goodsId)
public static function sizeInfo($productSkn)
{
$result = array();
if (is_numeric($goodsId)) {
$result = Yohobuy::get(Yohobuy::API_URL_PRODUCTDETAIL . self::PRODUCT_GOODS_INFO, array('goodsId' => $goodsId) );
}
return $result;
}
/**
* 品牌
*
* @param int $brandId
* @return array
*/
public function brand($brandId)
{
}
/**
* 库存
*
* @param int $productId
* @return int
*/
public function storage($productId)
{
}
/**
* 尺码
*
* @param int $productSkn
* @return array
*/
public function size($productSkn)
{
return Yohobuy::jsonPost(Yohobuy::API_URL_PRODUCTDETAIL . self::PRODUCT_SIZE_INFO, array('param' => intval($productSkn) ) );
}
}
... ...
... ... @@ -178,9 +178,10 @@ class Helpers
* @param int $width 图片的宽度
* @param int $height 图片的高度
* @param bool $isApp 判断是不是APP访问
* @param bool $showPoint 商品价格是否显示小数位，默认显示
* @return array | false
*/
public static function formatProduct($productData, $showTags = true, $showNew = true, $showSale = true, $width = 290, $height = 388, $isApp = false)
public static function formatProduct($productData, $showTags = true, $showNew = true, $showSale = true, $width = 290, $height = 388, $isApp = false, $showPoint = true)
{
// 商品信息有问题，则不显示
if (!isset($productData['product_skn']) || !isset($productData['goods_list'][0])) {
... ... @@ -202,8 +203,12 @@ class Helpers
$result['product_id'] = $productData['product_id'];
$result['thumb'] = Images::getImageUrl($productData['default_images'], $width, $height);
$result['name'] = $productData['product_name'];
$result['price'] = empty($productData['market_price']) ? false : $productData['market_price'] . '.00';
$result['salePrice'] = $productData['sales_price'] . '.00';
$result['price'] = empty($productData['market_price']) ? false : $productData['market_price'];
$result['salePrice'] = $productData['sales_price'];
if ($showPoint) {
$result['price'] && $result['price'] .= '.00';
$result['salePrice'] && $result['salePrice'] .= '.00';
}
$result['is_soon_sold_out'] = ($productData['is_soon_sold_out'] === 'Y');
$result['url'] = SITE_MAIN . '/product/pro_' . $productData['product_id'] . '_'
. $productData['goods_list'][0]['goods_id']
... ...
... ... @@ -182,17 +182,24 @@ class Images
$result = json_decode(file_get_contents('http://upload.static.yohobuy.com', false, $context), true);
if(!empty($result['data']['imagesList']))
{
$imgExtra = '?imageMogr2/thumbnail/130x130/extent/130x130/background/d2hpdGU=/position/center/quality/90';
$imgList = array('imgList'=>array());
if(count($file) == 1 || !is_array($file))
{
$imgList['imgList'][] = array('imgUrl' => self::getSourceUrl(current($result['data']['imagesList']), 'suggest'));
$imgRelUrl = current($result['data']['imagesList']);
$imgList['imgList'][] = array(
'imgUrl' => self::getSourceUrl($imgRelUrl, 'suggest') . $imgExtra,
'imgRelUrl' => $imgRelUrl
);
}
else
{
$img = array();
foreach ($result['data']['imagesList'] as $val) {
$img = array();
$img['imgUrl'] = self::getSourceUrl($val, 'suggest');
$img['imgUrl'] = self::getSourceUrl($val, 'suggest') . $imgExtra;
$img['imgRelUrl'] = $val;
$imgList['imgList'][] = $img;
}
}
... ...
This diff could not be displayed because it is too large.
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;tap-highlight-color:transparent}html,body{font-family:helvetica,Arial,"黑体";width:100%;font-size:12px;line-height:1.4}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}img{max-width:100%;display:block;border:0;margin:0 auto}a{text-decoration:none;outline:none;color:#000}a:link,a:visited,a:hover,a:actived{color:#000}*:focus{outline:none}.hide{display:none}.overflow-hidden{overflow:hidden}@font-face{font-family:"iconfont";src:url('../assets/font/iconfont.eot?1448019451');src:url('../assets/font/iconfont.eot?&1448019451#iefix') format("embedded-opentype"),url('../assets/font/iconfont.woff?1448019408') format("woff"),url('../assets/font/iconfont.ttf?1448019451') format("truetype"),url('../assets/font/iconfont.svg?1448019451#iconfont') format("svg")}.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;text-decoration:none;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.yoho-tip{position:absolute;display:none;text-align:center;width:70%;padding:34px 0;top:50%;left:50%;margin-left:-35%;margin-top:-45px;background-color:#000;opacity:0.7;color:#fff;font-size:18px;border:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}.yoho-header{position:relative;background-color:#000;color:#fff;width:100%;overflow:hidden;height:2.25rem;line-height:2.25rem;z-index:1}.yoho-header.boys{background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232),color-stop(100%, #414141));background-image:-moz-linear-gradient(#323232,#414141);background-image:-webkit-linear-gradient(#323232,#414141);background-image:linear-gradient(#323232,#414141)}.yoho-header.girls{background:#ff88ae}.yoho-header.kids{background:#7ad9f9}.yoho-header.life-style{background:#4f4138}.yoho-header a.highlight{background:rgba(200,200,200,0.1)}.yoho-header .nav-back,.yoho-header .nav-home{display:block;position:absolute;top:0;width:2.25rem;height:2.25rem;font-size:20px;line-height:2.25rem;color:#fff;text-align:center;outline:none}.yoho-header .nav-back{left:0}.yoho-header .nav-home{right:0.25rem}.yoho-header .nav-title{position:absolute;margin-left:1.3rem;margin-right:1.6rem;height:100%;font-size:0.9rem;color:#fff;font-weight:bold;top:0;right:0;left:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.yoho-footer{font-size:12px;background-color:#fff}.yoho-footer .op-row{position:relative;padding:0 15px;height:60px;line-height:60px}.yoho-footer .op-row .user-name{text-decoration:underline;margin-left:.3em;margin-right:1em}.yoho-footer .op-row .back-to-top{position:absolute;right:20px}.yoho-footer .op-row .sep-line{margin:0 0.3em}.yoho-footer .copyright{height:60px;line-height:60px;border-top:1px solid #ccc;text-align:center;color:#666;background-color:#eee}.yoho-footer.bottom{position:fixed;width:100%;bottom:0}.footer-tab{position:fixed;left:0;bottom:0;width:100%;height:2.5rem;padding-top:0.5rem;box-sizing:border-box;background:#fff;border-top:1px solid #b0b0b0;z-index:3}.footer-tab .tab-item{float:left;width:20%;text-align:center;color:#b0b0b0}.footer-tab .tab-item.current{color:#414141}.footer-tab .tab-icon{font-size:1rem;line-height:1}.footer-tab .tab-name{margin-top:0.25rem;font-size:0.5rem;line-height:1}.boys-wrap .footer-tab .tab-item.current{color:#414141}.girls-wrap .footer-tab .tab-item.current{color:#FF88AE}.kids-wrap .footer-tab .tab-item.current{color:#7ad9f9}.lifestyle-wrap .footer-tab .tab-item.current{color:#4f4138}.good-info{float:left;width:6.9rem;height:12.15rem;margin:0 0.375rem 0.375rem}.good-info .tag-container{height:0.7rem;width:100%;overflow:hidden}.good-info .tag-container .good-tag{display:block;float:left;height:0.7rem;font-size:0.45rem;text-align:center;line-height:0.7rem;box-sizing:border-box;margin-right:0.1rem}.good-info .tag-container .good-tag:last-child{margin-right:0}.good-info .tag-container .new-tag{width:1.5rem;background-color:#78dc7e;color:#fff}.good-info .tag-container .renew-tag{width:2.25rem;background-color:#78dc7e;color:#fff}.good-info .tag-container .sale-tag{width:1.5rem;background-color:#ff575c;color:#fff}.good-info .tag-container .new-festival-tag{width:2.25rem;background-color:#000;color:#fff}.good-info .tag-container .limit-tag{width:2.5rem;border:1px solid #000;color:#000}.good-detail-img{position:relative;height:9.2rem}.good-detail-img .good-islike{position:absolute;width:1.5rem;height:1.5rem;top:0rem;right:0rem;line-height:1.5rem;font-size:0.75rem;text-align:center;color:#b0b0b0;text-decoration:none}.good-detail-img .good-like{color:#d72928}.good-detail-img img{display:block;width:100%;height:9.2rem}.good-detail-img .few-tag{position:absolute;bottom:0;width:100%;height:0.7rem;background:#ffac5b;font-size:0.45rem;color:#fff;line-height:0.7rem;text-align:center}.good-detail-text .name a{display:block;line-height:1.4rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none;font-size:0.55rem;color:#444}.good-detail-text .price{line-height:0.55rem;font-size:0.55rem}.good-detail-text .price .sale-price{color:#d62927}.good-detail-text .price .sale-price.no-price{color:#000}.good-detail-text .price .market-price{margin:0 0 0 0.125rem;color:#b0b0b0;text-decoration:line-through}.filter-mask,.filter-body{position:absolute;left:0;right:0;top:0}.filter-mask{height:100%;background:rgba(0,0,0,0.1)}.filter-body{background:#fff;color:#000;cursor:pointer;font-size:14px;height:440px}.filter-body .classify{width:50%;height:100%;background:#f8f8f8}.filter-body .classify>li{height:60px;line-height:60px}.filter-body .classify>li>*{box-sizing:border-box}.filter-body .classify>li.active{background:#fff}.filter-body .classify>li .shower{padding-left:20px;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}.filter-body .classify>li .shower.highlight{background:#eee}.filter-body .classify>li .default{color:#999}.filter-body .classify>li .title{float:left;color:#000}.filter-body .sub-classify{position:absolute;display:none;width:50%;height:440px;left:50%;top:0;overflow:auto;-webkit-overflow-scrolling:touch}.filter-body .sub-classify>li{height:60px;line-height:60px;padding-left:15px;border-bottom:1px solid #e6e6e6;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.filter-body .sub-classify>li.highlight{background:#eee}.filter-body .sub-classify .chosed-icon{display:none}.filter-body .sub-classify .chosed .chosed-icon{display:inline}.filter-body .active>.sub-classify{display:block}.loading-mask{position:fixed;background:rgba(0,0,0,0.1);top:0;bottom:0;right:0;left:0}.loading-mask .loading{position:absolute;width:2.5rem;height:1rem;background:url('../assets/img/loading.gif?1448019409') no-repeat;background-size:100% 100%;top:50%;left:50%;margin-left:-1.25rem;margin-top:-0.5rem}body.passport-body{background-color:#444;font-family:"MicroSoft YaHei",SimSun,sans-serif}body.passport-body *{box-sizing:border-box}.passport-page{text-align:center;padding:0 6%}.passport-page .header{position:relative;height:40px;margin:20px 0 30px}.passport-page .header .go-back{display:block;position:absolute;height:30px;width:30px;top:5px;left:0;background:url('../assets/img/passport/go-back.png?1448019409') no-repeat;background-size:100% 100%}.passport-page .header .title{font-size:20px;line-height:40px;color:#fff}.passport-page .header .img-header{width:68px;height:40px;background:url('../assets/img/passport/yoho-family.png?1448019409') no-repeat;background-size:100% 100%;margin:0 auto}.passport-page .input-container,.passport-page .select-container{position:relative;width:100%;height:52px;font-size:20px;background-color:#575757;border:1px solid #606060;border-radius:5px;text-align:left;color:#fff}.passport-page .select-container .select{position:absolute;height:50px;padding-right:40px;right:0;color:#fff;background-color:transparent;border:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-appearance:none;-webkit-appearance:none;direction:rtl}.passport-page .select-container .select:focus{outline:0;border:none}.passport-page .select-container .select:-moz-focusring{color:transparent;text-shadow:0 0 0 #fff}.passport-page .select-container .select-title{line-height:2.5;margin-left:15px}.passport-page .select-container .arrow-right{position:absolute;width:13px;height:20px;right:15px;top:16px;background:url('../assets/img/passport/arrow-right.png?1448019409') no-repeat;background-size:100% 100%}.passport-page .has-eye,.passport-page .has-clear{padding-right:30px}.passport-page .area-code{position:absolute;left:15px;line-height:2.5}.passport-page .phone-container{padding-left:55px}.passport-page .input{width:100%;line-height:26px;padding:12px 0;padding-left:15px;border-radius:5px;color:#fff;background-color:transparent;border:none}.passport-page .btn{display:block;width:100%;font-size:20px;line-height:2.5;background-color:#36a74c;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;color:#fff}.passport-page .btn.disable{background-color:#a2a2a2}.passport-page .country-select.in-android-uc{width:90px}.passport-page .clear-input{position:absolute;display:none;top:18px;right:10px;width:16px;height:16px;background:url('../assets/img/passport/clear-input.png?1448019409') no-repeat;background-size:100% 100%}.passport-page .eye{position:absolute;top:20px;right:10px;width:19px;height:12px;background:url('../assets/img/passport/eye.png?1448019409') no-repeat;background-size:100% 100%}.passport-page .eye.close{background-image:url('../assets/img/passport/eye-close.png?1448019409')}.passport-page .row{margin-bottom:10px}.reg-page .register-tip{color:#fff;font-size:15px}.login-page .yoho-logo{position:absolute;height:31px;width:26px;background:url('../assets/img/passport/yoho.png?1448019409');background-size:100% 100%;top:10px;left:15px}.login-page .acc-container{padding-left:45px}.login-page .op-container{position:relative;width:100%;margin:20px 0;text-align:left;font-size:16px}.login-page .op-container .go-register{text-decoration:underline;color:#858585}.login-page .op-container .forget-pwd{position:absolute;right:0;text-decoration:underline;color:#858585}.login-page .third-party-login{text-align:left}.login-page .third-party-login>span{font-size:16px;color:#858585}.login-page .third-party-login .tp-link{text-align:center;padding:20px 0}.login-page .third-party-login .tp-link>a{display:inline-block;width:44px;height:44px;margin:0 7px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#333;background-repeat:no-repeat;background-size:100% 100%}.login-page .third-party-login .tp-link .alipay{background-image:url('../assets/img/passport/alipay.png?1448019409')}.login-page .third-party-login .tp-link .weibo{background-image:url('../assets/img/passport/weibo.png?1448019409')}.login-page .third-party-login .tp-link .weixin{background-image:url('../assets/img/passport/weixin.png?1448019409')}.login-page .third-party-login .tp-link .qq{background-image:url('../assets/img/passport/qq.png?1448019409')}.login-page .international{display:block;width:200px;padding:5px 10px;background-color:#333;border:none;border-radius:20px;margin:0 auto;font-size:16px;color:#d8d8d8}.login-page .login-tip{font-size:16px;position:relative;color:#d8d8d8;margin:15px 0}.login-page .login-tip .info-icon{display:inline-block;height:12px;width:12px;background-image:url('../assets/img/passport/info.png?1448019409');background-size:100% 100%}.login-page .mask{position:fixed;display:none;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0.5)}.login-page .retrive-pwd-ways{position:fixed;display:none;bottom:5px;left:10px;right:10px;font-size:16px}.login-page .retrive-pwd-ways li{background-color:#fff;width:100%;height:40px;line-height:40px;text-align:center}.login-page .retrive-pwd-ways li:nth-child(1){-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-top-left-radius:5px;-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-top-right-radius:5px;border-bottom:1px solid #9f9f9f}.login-page .retrive-pwd-ways li:nth-child(2){-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-bottom-right-radius:5px}.login-page .retrive-pwd-ways li:last-child{margin-top:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.back-email-success-page .tip{font-size:20px;color:#fff;margin-top:30px}.back-email-success-page .sub-tip,.back-email-success-page .resend{color:#939393;font-size:16px}.back-email-success-page .go-email{margin:20px 0 10px}.back-email-success-page .resend{float:right}.reg-code-page .captcha-tip,.back-code-page .captcha-tip{position:absolute;width:148px;text-align:center;right:15px;top:8px;color:#36a74c;padding:5px 0;border:1px solid #36a74c;border-radius:20px;font-size:16px}.reg-code-page .captcha-tip.disable,.back-code-page .captcha-tip.disable{color:#8f8f8f;border-color:#8f8f8f}.reg-code-page .input-container,.back-code-page .input-container{padding-right:190px}.reg-code-page .text-container,.back-code-page .text-container{color:#fff;font-size:16px;margin-bottom:20px}.reg-code-page .phone,.back-code-page .phone{color:#4ecae8}.reg-code-page .clear-input,.back-code-page .clear-input{right:170px}.time-view-like-share{color:#b0b0b0;line-height:0.95rem;height:0.95rem;font-size:0.6rem}.time-view-like-share .iconfont{vertical-align:9%;margin-right:0.1rem;font-size:0.6rem}.time-view-like-share .like-share-container{display:inline-block;float:right}.time-view-like-share .like-share-container>*{float:left}.time-view-like-share .like-share-container .iconfont{position:relative;height:1.5rem;line-height:1.5rem;display:inline-block;color:#b0b0b0;width:1.5rem;top:-0.35rem;font-size:0.85rem;text-align:center;margin-right:0;outline:none}.time-view-like-share .like-share-container .share-btn{margin-left:0.5rem}.time-view-like-share .like-share-container .like-btn.like{color:#444}.time-view-like-share .like-share-container .collect-btn{margin-left:0.5rem}.time-view-like-share .like-share-container .collect-btn.collected{color:#D62927}.guang-info{margin-bottom:0.75rem;padding:0 0 0.6rem 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;background:#fff}.guang-info .info-author{display:block;width:100%}.guang-info .info-author .avatar{float:left;margin-top:0.5rem;width:1.25rem;height:1.25rem;margin-left:0.75rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-info .info-author .name{float:left;margin-left:0.75rem;padding:0.75rem 0;font-size:0.7rem;color:#000}.guang-info:last-child{margin-bottom:0}.guang-info .info-img{position:relative;width:100%}.guang-info .info-img img{display:block;width:100%}.guang-info .info-match{position:absolute;top:0;left:0;width:3.25rem;height:1.25rem;line-height:1.25rem;font-size:0.7rem;color:#fff;background:#000;text-align:center;text-decoration:none;z-index:1}.guang-info .info-tag{position:absolute;top:0;left:2.625rem;height:1.25rem;width:1.25rem}.guang-info .info-tag.collocation{background:url('../assets/img/guang/info/collocation.png?1448019409');background-size:100% 100%}.guang-info .info-tag.fashion-good{background:url('../assets/img/guang/info/fashion-good.png?1448019409');background-size:100% 100%}.guang-info .info-tag.fashion-man{background:url('../assets/img/guang/info/fashion-man.png?1448019409');background-size:100% 100%}.guang-info .info-tag.tip{background:url('../assets/img/guang/info/tip.png?1448019409');background-size:100% 100%}.guang-info .info-tag.topic{background:url('../assets/img/guang/info/topic.png?1448019409');background-size:100% 100%}.guang-info .info-deps{margin:0.8rem 0 0 0;padding:0 1rem 0 0.75rem}.guang-info .info-deps .info-title-container{text-decoration:none;color:#000}.guang-info .info-deps .info-title{line-height:1.1rem;color:#000;font-size:1rem;font-weight:bold}.guang-info .info-deps .info-text{margin:0.4rem 0 0 0;line-height:1.15rem;font-size:0.7rem;color:#444}.guang-info .info-deps .time-view-like-share{margin-top:0.4rem}.ps-list-page{background-color:#f0f0f0}.ps-list-page .nav-tab,.ps-list-page .ps-content{width:100%}.ps-list-page .nav-tab{height:1.5rem;padding:0.25rem 0;background-color:#fff}.ps-list-page .star-nav,.ps-list-page .plus-nav{box-sizing:border-box;float:left;width:50%;height:1.5rem;line-height:1.5rem;font-size:16px;text-align:center;color:#ccc}.ps-list-page .star-nav.focus,.ps-list-page .plus-nav.focus{color:#000}.ps-list-page .bytouch{background:#eee}.ps-list-page .star-nav{border-right:1px solid #ccc}.ps-list-page .plus-star-row{margin-bottom:0.75rem}.ps-list-page .plus-star-row:last-child{margin-bottom:0}.ps-list-page .plus-star-row>a{display:block;height:7.75rem}.ps-list-page .content.hide{display:none}.ps-list-page .swiper-container{height:7.75rem}.ps-list-page .swiper-pagination-bullet-active{background:#fff}.ps-list-page .brand-deps{height:1rem;line-height:1rem;padding-left:0.25rem;font-size:14px;background:#fff;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ps-detail-page{background-color:#f0f0f0}.ps-detail-page .ps-block{margin-bottom:0.75rem;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;background-color:#fff}.ps-detail-page .ps-block.header,.ps-detail-page .ps-block.related-infos{border-top:none}.ps-detail-page .ps-block.related-infos{margin-bottom:0;background-color:#f0f0f0}.ps-detail-page .header{position:relative}.ps-detail-page .header .banner{width:100%;height:7.75rem}.ps-detail-page .header .logo{position:absolute;border:1px solid #b5b5b5;height:4.2rem;width:4.2rem;top:5.65rem;left:1.25rem}.ps-detail-page .header .header-content{padding:0 0.75rem}.ps-detail-page .header .name-islike-container{padding-left:6.2rem;margin-top:0.6rem;font-size:0.85rem}.ps-detail-page .header .name{color:#000;height:1.025rem;width:7.375rem}.ps-detail-page .header .brand-islike{position:relative;float:right;color:#b0b0b0;height:1.5rem;width:1.5rem;line-height:1.5rem;text-align:center;top:-0.25rem;left:-0.25rem}.ps-detail-page .header .brand-islike.like{color:#f00}.ps-detail-page .intro{margin-top:1.225rem;font-size:0.6rem;color:#444;line-height:150%}.ps-detail-page .more-intro{padding:0.75rem 0;font-size:0.7rem;line-height:104%;color:#bbb;float:right}.ps-detail-page .more-intro .icon{display:inline-block;height:100%;width:1rem;-moz-transition:-moz-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;-webkit-transition:-webkit-transform 0.1s ease-in;transition:transform 0.1s ease-in}.ps-detail-page .more-intro.spread .icon{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.ps-detail-page .new-arrival{padding-left:0 0.75rem}.ps-detail-page .new-arrival .new-arrival-content{padding:0.5rem 0.35rem}.ps-detail-page .new-arrival .more-goods-container{height:2.25rem;padding:0 0.75rem;border-top:1px solid #e0e0e0;color:#000}.ps-detail-page .new-arrival .mg-text{height:100%;line-height:2.25rem;color:#000;text-decoration:none;display:block;font-size:16px}.ps-detail-page .new-arrival .more-prods{float:right;color:#b0b0b0}.ps-detail-page .new-arrival .new-arrival-header .more-prods{margin-right:0.75rem;margin-top:0.25rem}.ps-detail-page .new-arrival-header{padding-left:5.55rem;padding-top:0.825rem}.ps-detail-page .new-arrival-header .header-text{font-size:0.7rem;color:#000;line-height:122%;font-weight:bold}.ps-detail-page .related-info-title{margin:0 0.725rem;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center;background-color:#fff}.ps-detail-page .related-infos-container .guang-info:first-child{margin-top:0}.guang-list-page .editor-header{margin-bottom:0.75rem;padding-top:0.9rem;padding-bottom:1rem;background:#fff;border-bottom:1px solid #e0e0e0}.guang-list-page .avatar{float:left;margin-left:0.75rem}.guang-list-page .avatar img{width:2.5rem;height:2.5rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-list-page .text{float:left;margin-left:0.8rem;width:11.875rem}.guang-list-page .text .name{font-size:0.8rem;line-height:1rem}.guang-list-page .text .info{margin-top:0.15rem;color:#bdbdbf;font-size:0.6rem;line-height:0.8rem}.guang-list-page .swiper-container{width:100%;height:7.75rem}.guang-list-page .swiper-container img{height:100%;width:100%}.guang-list-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.guang-list-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.guang-list-page .guang-nav{background-color:#fff;overflow:hidden;height:2rem}.guang-list-page .guang-nav-item{float:left;color:#ccc;font-size:0.7rem;padding:0 0.55rem;line-height:2rem}.guang-list-page .guang-nav-item.focus{color:#000}.guang-list-page .bytouch{background:#eee}.guang-list-page .info-list-container{overflow-x:hidden;background:#f0f0f0}.guang-list-page .info-list.hide{display:none}.guang-list-page .load-more-info{width:100%;height:1.75rem;line-height:1.75rem;text-align:center;font-size:14px;overflow:hidden}.guang-list-page .load-more-info .status.hide{display:none}.clothes-sprite{background-image:url('../assets/img/guang/clothes-s7f658d7d2c.png');background-repeat:no-repeat}.guang-detail-page #wrapper{background:#f0f0f0}.guang-detail-page #wrapper.ios{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.guang-detail-page #wrapper.ios.has-head{top:2.25rem}.guang-detail-page #wrapper.ios.has-head+.fixed-top{top:2.25rem}.guang-detail-page .author{border-bottom:1px solid #e0e0e0;background:#fff}.guang-detail-page .author>a{display:block;height:100%}.guang-detail-page .author .avatar{float:left;margin-top:0.5rem;margin-left:0.75rem;width:1.25rem;height:1.25rem;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-detail-page .author .name{float:left;font-size:0.7rem;color:#000;padding:0.75rem 0;margin-left:0.75rem}.guang-detail-page .author .intro{float:left;font-size:0.7rem;color:#b0b0b0;padding:0.75rem 0;margin-left:0.75rem}.guang-detail-page .post-title{padding:0.4rem 0 0.65rem 0.75rem;background:#fff}.guang-detail-page .post-title .title{line-height:1.5rem;font-size:1rem;color:#000;font-weight:bold}.guang-detail-page .text-block{padding:0.5rem 0.75rem;line-height:1.15rem;font-size:0.7rem;background:#fff;color:#444}.guang-detail-page .big-img-block{padding-bottom:0.125rem;background:#fff}.guang-detail-page .big-img-block img{width:100%;height:16rem}.guang-detail-page .small-img-block{padding-bottom:0.2rem;background:#fff}.guang-detail-page .small-img-block img{float:right;width:7.875rem;height:10.5rem}.guang-detail-page .small-img-block img:first-child{float:left}.guang-detail-page .collocation-block{background:#fff}.guang-detail-page .collocation-block .good-list{padding-left:0.375rem}.guang-detail-page .thumb-container{padding-top:0.75rem;padding-left:0.5rem;background:transparent url('../assets/img/guang/thumb-container-bg.png?1448019409') no-repeat;background-size:200% 100%}.guang-detail-page .thumb-container.fixed-top{position:fixed;left:0;right:0;top:0}.guang-detail-page .thumb-container.fixed-bottom{position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,0.9)}.guang-detail-page .thumb-container.absolute{position:absolute;left:0;right:0}.guang-detail-page .thumb-container.static{position:static}.guang-detail-page .thumb-container.hide{display:none}.guang-detail-page .clothe-type{position:absolute;right:0.15rem;bottom:0.85rem;width:20px;height:20px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.guang-detail-page .clothe-type.bag{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 0 no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.cloth{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -20px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.dress{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -40px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.headset{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -60px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.lamp{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -80px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.pants{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -100px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.shoe{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -120px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.swim-suit{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -140px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.under{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -160px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .clothe-type.watch{background:url('../assets/img/guang/clothes-se45f5825d0.png') 0 -180px no-repeat;-moz-background-size:20px auto;-o-background-size:20px auto;-webkit-background-size:20px auto;background-size:20px auto;display:block;background-color:#fff;background-size:100%}.guang-detail-page .thumb{display:inline-block;position:relative;margin-right:0.55rem;padding-bottom:0.75rem}.guang-detail-page .thumb:last-child{margin-right:0}.guang-detail-page .thumb.focus .thumb-img{border-color:#000}.guang-detail-page .thumb-img{height:3.35rem;width:2.4rem;border:1px solid transparent}.guang-detail-page .related-reco-block{background:#fff;padding-left:0.375rem;border-top:1px solid #e0e0e0}.guang-detail-page .related-reco-block h2{margin-left:-0.375rem;line-height:2.6rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-reco-block .one-good{padding-left:0.375rem;padding-right:0.75rem;margin-bottom:0.5rem}.guang-detail-page .related-reco-block .one-good .thumb{float:left;height:3.35rem;width:2.4rem}.guang-detail-page .related-reco-block .one-good .content-container{padding-left:3rem;height:3.35rem;line-height:1;font-size:0.6rem}.guang-detail-page .related-reco-block .one-good .content-container>p{height:50%;line-height:2.35rem}.guang-detail-page .related-reco-block .one-good .content-container span{display:inline-block;line-height:0.6rem}.guang-detail-page .related-reco-block .one-good .content-container .price{line-height:1.175rem}.guang-detail-page .related-reco-block .one-good .sale-price{color:#d62927;line-height:1.5}.guang-detail-page .related-reco-block .one-good .sale-price.no-price{color:#000}.guang-detail-page .related-reco-block .one-good .market-price{margin-left:0.125rem;color:#b0b0b0;text-decoration:line-through;line-height:1.5}.guang-detail-page .related-reco-block .one-good .check-detail{display:inline-block;color:#000;border:1px solid;border-radius:2px;float:right;padding:0 5px;line-height:1.5}.guang-detail-page .related-brand{margin-top:0.75rem}.guang-detail-page .related-brand h2{margin:0 0.725rem;background:#fff;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-brand .brand-list{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:0.75rem 0 0.75rem;background:#fff}.guang-detail-page .related-brand .brand{float:left;width:3.95rem;height:3.2rem;border-right:1px solid #e0e0e0;margin-bottom:0.25rem}.guang-detail-page .related-brand .brand a{display:block}.guang-detail-page .related-brand .brand:nth-child(4n){border-right:none}.guang-detail-page .related-brand .brand-logo{display:table-cell;width:3.95rem;height:2.35rem;vertical-align:middle}.guang-detail-page .related-brand .brand-logo img{display:block;max-width:3.95rem;max-height:2.35rem;vertical-align:middle;margin:0 auto}.guang-detail-page .related-brand .brand-name{margin:0.25rem 0 0 0;line-height:0.6rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guang-detail-page .related-tag{position:relative;padding-bottom:0.75rem;border-bottom:1px solid #e0e0e0;background:#fff}.guang-detail-page .related-tag .tag-bg{position:absolute;height:1rem;width:1rem;background:url('../assets/img/guang/tag.png?1448019409') no-repeat;background-size:100% 100%;top:0.875rem;left:0.5rem}.guang-detail-page .related-tag .tag-list{margin-left:1.25rem}.guang-detail-page .related-tag li{float:left;margin-top:0.775rem;margin-left:0.775rem}.guang-detail-page .related-tag a{height:1.25rem;line-height:1.25rem;font-size:0.75rem;color:#000;text-decoration:underline;white-space:nowrap}.guang-detail-page .related-info{margin-top:0.75rem}.guang-detail-page .related-info h2{margin:0 0.725rem;background:#fff;border:1px solid #e0e0e0;border-bottom:none;line-height:1.8rem;font-size:0.75rem;color:#b0b0b0;text-align:center}.guang-detail-page .related-info .info-list{background:#fff;padding-bottom:0.75rem;border-top:1px solid #e0e0e0}.guang-detail-page .related-info li{padding-top:0.75rem;margin-bottom:0.25rem}.guang-detail-page .related-info li a{display:block}.guang-detail-page .related-info li img{float:left;margin-left:0.75rem;width:4.55rem;height:2.85rem}.guang-detail-page .related-info li img.square{height:4.55rem}.guang-detail-page .related-info .title,.guang-detail-page .related-info .publish-time{float:left;width:9rem;margin-left:0.75rem;line-height:1rem;color:#444;font-size:0.7rem}.guang-detail-page .related-info .publish-time{font-size:0.45rem;margin-top:0;color:#b0b0b0}.guang-detail-page .related-info .publish-time .iconfont{font-size:0.45rem}.header-download{position:relative;height:5.3rem;padding:1.2rem 0 0;overflow:hidden}.header-download .download-bg{position:absolute;left:0;top:0;width:100%;z-index:-1}.header-download .yoho-logo{height:1.425rem;background:url('../assets/img/app-logo.png?1448019451') no-repeat center center;background-size:auto 100%}.header-download p{line-height:1.2rem;font-size:0.7rem;color:#fff;text-align:center}.header-download .download-btn{display:block;margin:0.45rem auto 0;width:7.35rem;height:1.6rem;line-height:1.6rem;border:0.075rem solid #fff;font-size:0.9rem;text-align:center;color:#fff}.header-download .close-btn{position:absolute;top:0.425rem;right:0.325rem;width:1.25rem;height:1.25rem;background:url('../assets/img/close-icon.png?1448019408');background-size:100% 100%}.banner-top{position:relative}.banner-top .swiper-pagination{position:absolute;left:0;right:0;bottom:0.5rem;text-align:center;z-index:1}.banner-top .swiper-pagination .pagination-inner{display:inline-block}.banner-top .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.banner-top .swiper-pagination .pagination-inner span.swiper-pagination-bullet-active{background:#fff;opacity:1}.banner-swiper{position:relative;height:7.725rem;overflow:hidden}.banner-swiper ul{position:relative;height:7.725rem}.banner-swiper ul li{float:left;width:100%;height:100%}.banner-swiper ul li img{width:100%;height:100%}.banner-center{margin:0.75rem 0 0;height:5rem;overflow:hidden}.banner-center img{display:block;width:100%;height:100%}.banner-bottom{margin:0.75rem 0 0;height:4rem;overflow:hidden}.banner-bottom img{display:block;width:100%}.side-nav{display:none;background:#fff;position:fixed;top:0;bottom:0;left:0;right:2.5rem;width:13.5rem;z-index:1;overflow:hidden;-moz-transition:all 0.3s;-o-transition:all 0.3s;-webkit-transition:all 0.3s;transition:all 0.3s}.side-nav ul{background:#f0f0f0}.side-nav li{position:relative;height:3.2rem;line-height:3.2rem;border-bottom:1px solid #e0e0e0;background:#fff}.side-nav li a{display:block;height:100%;padding-left:2.75rem;color:#444;font-size:0.6rem}.side-nav li .nav-icon,.side-nav li .nav-img{position:absolute;width:1.5rem;height:1.5rem;top:50%;margin-top:-0.75rem;left:0.6rem;background:no-repeat left center;background-size:100% 100%}.side-nav li .enter-subnav{position:absolute;right:0.75rem;top:0;bottom:0;font-size:0.9rem;color:#b0b0b0;font-weight:lighter}.side-nav li em{margin-right:0.25rem;font-weight:bold;font-size:0.85rem}.side-nav li.boys i{background:url('../assets/img/side-nav/boys.png?1448019409') no-repeat left center;background-size:100% 100%}.side-nav li.girls i{background:url('../assets/img/side-nav/girls.png?1448019409') no-repeat left center;background-size:100% 100%}.side-nav li.kids i{background:url('../assets/img/side-nav/kids.png?1448019409') no-repeat left center;background-size:100% 100%}.side-nav li.life i{background:url('../assets/img/side-nav/life.png?1448019409') no-repeat left center;background-size:100% 100%}.side-nav li.new{margin:0.475rem 0 0;border-top:1px solid #e0e0e0}.side-nav li.new i{background:url('../assets/img/side-nav/new.png?1448019409') no-repeat left center;background-size:100% 100%}.side-nav li.guang .nav-icon,.side-nav li.trendfinder .nav-icon{background:url('../assets/img/side-nav/guang.png?1448019409') no-repeat left center;background-size:100% 100%}.side-nav.on{display:block}.sub-nav{display:none;position:fixed;bottom:0;top:0;left:0;width:13.5rem;background:#fff !important;overflow:hidden;-moz-transform:translateX(13.5rem);-ms-transform:translateX(13.5rem);-webkit-transform:translateX(13.5rem);transform:translateX(13.5rem);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.sub-nav li{height:2.725rem;line-height:2.725rem;border:none}.sub-nav li a{position:relative;display:block;margin:0 0 0 0.75rem;padding-left:1.25rem;border-bottom:1px solid #e0e0e0;font-size:0.9rem;z-index:2}.sub-nav li .nav-point{position:absolute;left:0rem;font-size:0.4rem;color:#f0f0f0}.sub-nav li em{font-weight:normal;font-size:0.9rem}.sub-nav li:hover .nav-point,.sub-nav li.current .nav-point{color:#3e3e3e}.sub-nav li:first-child{height:2.2rem;line-height:2.2rem;background:#3e3e3e}.sub-nav li:first-child a{color:#fff;border-bottom:none;padding-left:2.75rem}.sub-nav li:first-child .nav-back{position:absolute;left:0}.sub-nav.show{display:block;-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0);-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.floor-header{margin:0.725rem 0.75rem 0;background:#fff;border:1px solid #e0e0e0;border-bottom:none;height:1.75rem;line-height:1.75rem;text-align:center;font-size:0.75rem;color:#b1b1b1}.floor-header-more{position:relative;height:2.475rem;line-height:2.475rem;margin:0.725rem 0 0;background:#fff;border-top:1px solid #e0e0e0;text-align:center;font-size:0.8rem;color:#444}.floor-header-more .more-btn{position:absolute;right:0.75rem;top:0;bottom:0;color:#b0b0b0;font-size:1.25rem}.hot-brands{border-bottom:1px solid #e0e0e0;background:#fff}.hot-brands .floor-header{background:#f0f0f0;margin:0;padding:0.725rem 0.75rem 0;border:0}.hot-brands .floor-header h2{border:1px solid #e0e0e0;background:#fff;border-bottom:0}.hot-brands a{display:block;text-decoration:none;height:100%}.hot-brands .brand{float:left;width:3.95rem;height:4.35rem;border-right:1px solid #e0e0e0;border-top:1px solid #e0e0e0;overflow:hidden}.hot-brands .brand .brand-logo{display:table-cell;width:3.95rem;height:3.2rem;line-height:3.2rem;text-align:center;font-size:0;vertical-align:middle}.hot-brands .brand .brand-logo img{max-width:100%;max-height:100%}.hot-brands .brand .brand-name{line-height:1.1rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.hot-brands .brand:nth-child(5n){border-right:none}.hot-brands .more{float:left;width:7.925rem;height:4.35rem;border-top:1px solid #e0e0e0}.hot-brands .more a{display:block;width:100%;height:100%;background:url('../assets/img/more-brand.png?1448019409') no-repeat;background-size:100% 100%}.brands-swiper{background:#fff;width:100%;height:4rem;padding-top:0.5rem;border-top:1px solid #e0e0e0;overflow:hidden}.brands-swiper .brands-list{position:relative;height:4rem}.brands-swiper .brands-list li{float:left;padding-left:5%;width:21.875%;height:3.5rem}.brands-swiper .brands-list li a{position:relative;display:block;width:100%;height:100%;line-height:3.5rem;font-size:0}.brands-swiper .brands-list li img{max-width:100%;max-height:100%;vertical-align:middle}.brands-swiper .brands-list li .brands-title{position:absolute;left:0.2rem;right:0.2rem;bottom:0.2rem;height:0.7rem;line-height:0.7rem;text-align:center;font-size:0.45rem;color:#444;background:rgba(255,255,255,0.5);overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.fine-brands{background:#fff;border-top:1px solid #e0e0e0}.fine-brands a{display:block;text-decoration:none}.fine-brands .brand{float:left;width:3.95rem;height:4.35rem;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;overflow:hidden}.fine-brands .brand .brand-logo{display:table-cell;width:3.95rem;height:3.25rem;vertical-align:middle}.fine-brands .brand .brand-logo img{display:block;max-width:3.95rem;max-height:3.25rem;vertical-align:middle;margin:0 auto}.fine-brands .brand .brand-name{line-height:1.1rem;font-size:0.45rem;color:#babac2;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.fine-brands .brand:nth-child(4n){border-right:none}.fine-brands .more .brand-logo{display:block;text-align:center;line-height:3.75rem}.fine-brands .more .brand-logo .iconfont{font-size:1.2rem;color:#333}.creative-life{background:#fff}.creative-life .banner{display:block;height:10rem;overflow:hidden}.creative-life .banner img{width:100%;height:100%}.creative-life .classify-list{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.creative-life .classify-list>li{float:left;width:5.3rem;height:4.8rem;border-top:1px solid #e0e0e0;border-right:1px solid #e0e0e0}.creative-life .classify-logo{width:5.3rem;height:4.8rem}.creative-life .classify-logo img{display:block;width:100%;height:100%}.creative-life .classify-name{line-height:1.3rem;font-size:0.65rem;color:#000;text-align:center;text-decoration:none;border-bottom:none;overflow:hidden}.creative-life .classify:nth-child(3n){border-right:0}.plus-star img{display:block;width:100%;height:4.95rem;border-top:1px solid #e0e0e0}.maybe-like{position:relative;background:#fff;padding-left:0.375rem;border-top:1px solid #ccc;margin-top:0.75rem}.maybe-like .title{height:2.6rem;font-size:0.95rem;line-height:2.6rem;text-align:center;color:#dadada}.maybe-like .icon{display:inline-block;height:0.775rem;width:0.775rem;background:url('../assets/img/up-icon.png?1448019409') no-repeat;background-size:100% 100%}.maybe-like .maybe-like-nav{width:100%;height:1.5rem;padding:0.25rem 0;background-color:#fff}.maybe-like .maybe-like-nav:before{content:'';position:absolute;border-top:1px solid #ccc;left:0;top:2rem;width:16rem;height:0}.maybe-like .maybe-like-nav-item{box-sizing:border-box;float:left;width:50%;height:1.5rem;line-height:1.5rem;text-align:center;color:#ccc;border-right:1px solid #ccc}.maybe-like .maybe-like-nav-item.focus{color:#000}.maybe-like .load-more-info{width:100%;height:1.75rem;line-height:1.75rem;text-align:center;font-size:14px;overflow:hidden}.maybe-like .load-more-info .status.hide{display:none}.load-more-img{padding-left:0;height:5rem;border-top:1px solid #ccc;overflow:hidden}.load-more-img img{display:block;width:100%;height:100%}.icons-wrapper{box-sizing:border-box;padding:0.75rem 0 0.4rem;background:#fff;border-bottom:1px solid #e0e0e0}.icons-item{float:left;margin-bottom:0.25rem;width:25%;height:3.65rem;text-align:center}.imagebar{display:block;margin:0 auto;text-align:center;width:2.45rem;height:2.45rem;line-height:2.45rem;box-sizing:border-box;overflow:hidden}.imagebar img{width:100%;height:100%}.linkbar{display:block;line-height:1.1rem;font-size:0.6rem;color:#444}.linkbar:visited,.linkbar:link,.linkbar:active,.linkbar:hover{color:#444}.trend-coll-wrapper{background:#fff;height:16.125rem;border-bottom:1px solid #e0e0e0}.trend-coll-header{position:relative;widows:100%}.trend-coll-header .trend-coll-title{width:100%;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.85rem;color:#747474}.trend-coll-header .more{position:absolute;right:0.6rem;top:0.5rem}.trend-coll-content{padding:0 0 0 0.375rem}.trend-coll-content .lspan{float:left;margin:0 0.375rem}.trend-coll-content .rspan{float:left;margin:0 0.375rem}.lspanimg{display:block;float:right;width:6.875rem;height:6.875rem}.rspanimg{display:block;float:right;width:6.875rem;height:6.875rem}.trend-coll-tail{box-sizing:border-box;width:100%;height:6.675rem;clear:both}.recommend-title{widows:100%;height:2.5rem;line-height:2.5rem;text-align:center;font-size:0.85rem}.recommend-swiper{width:100%;height:3.5rem;overflow:hidden}.recommend-list{position:relative;height:100%}.recommend-list .recommend-item{float:left;padding-left:5%;width:21.875%;height:3.5rem}.recommend-list .recommend-item a{display:block;width:100%;height:100%}.recommend-list .recommend-item a img{width:100%;height:100%}.trend-topic-wrapper{background:#fff}.trend-topic-content{position:relative;width:100%;border-bottom:1px solid #e0e0e0}.trend-topic-content .swiper-pagination{position:absolute;left:0;right:0;bottom:0.55rem;text-align:center}.trend-topic-content .swiper-pagination .pagination-inner{display:inline-block}.trend-topic-content .swiper-pagination span{float:left;width:0.4rem;height:0.4rem;margin:0 0.2rem;background:#efefef;border-radius:50%}.trend-topic-content .swiper-pagination span.swiper-pagination-bullet-active{background:#b0b0b0}.trend-topic-swiper{height:13.35rem;overflow:hidden}.trend-topic-swiper ul{position:relative}.trend-topic-swiper ul li{float:left;height:13.35rem}.trend-topic-swiper ul li .img-box{margin:0 auto;width:14.5rem;height:9rem;line-height:9rem;text-align:center}.trend-topic-swiper ul li .img-box img{vertical-align:middle;width:100%;height:100%}.trend-topic-swiper ul li .item-content{margin:0.5rem 0.75rem 0}.trend-topic-swiper ul li .item-content .title{line-height:1.3rem;font-size:0.75rem;color:#000;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}.trend-topic-swiper ul li .item-content .time{margin:0.4rem 0 0;line-height:0.6rem;color:#afafaf;font-size:0.45rem}.trend-topic-swiper ul li .item-content .time .time-icon{margin-right:0.2rem;font-size:0.35rem}.category-swiper{position:relative;height:10rem;overflow:hidden}.category-swiper ul li{float:left;width:100%}.category-swiper ul li a,.category-swiper ul li img{display:block;width:100%;height:100%}.category-swiper .swiper-pagination{position:absolute;left:0;right:0;bottom:0.5rem;text-align:center}.category-swiper .swiper-pagination .pagination-inner{display:inline-block}.category-swiper .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.category-swiper .swiper-pagination .pagination-inner span.swiper-active-switch{opacity:1}.goods-category{background:#fff}.goods-category .category-list{height:9.55rem;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;overflow:hidden}.goods-category .category-list li{float:left;width:4.775rem;height:4.775rem;border-left:1px solid #e0e0e0}.goods-category .category-list li .first-show{display:none}.goods-category .category-list li .img-box{height:100%;line-height:100%;text-align:center}.goods-category .category-list li .img-box img{width:100%;height:100%;vertical-align:middle}.goods-category .category-list li .category-name{line-height:0.8rem;font-size:0.5rem;color:#444;text-align:center}.goods-category .category-list li:first-child{width:6.325rem;height:9.55rem;border-left:none}.goods-category .category-list li:first-child .img-box{height:100%;line-height:100%}.goods-category .category-list li:first-child .category-name{line-height:1rem;font-size:0.55rem}.goods-category .category-list li:nth-child(4),.goods-category .category-list li:nth-child(5){border-top:1px solid #e0e0e0}.hot-category{margin:0.75rem 0 0;border-bottom:1px solid #e0e0e0}.hot-category .category-banner{height:4.95rem}.hot-category .category-banner img{display:block;width:100%;height:4.95rem}.hot-category .category-list{background:#fff}.hot-category .category-list li{float:left;width:3.95rem;height:4.35rem;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;overflow:hidden}.hot-category .category-list li .img-box{width:100%;height:100%;line-height:3.85rem;text-align:center;overflow:hidden;font-size:0}.hot-category .category-list li .img-box img{vertical-align:middle;width:100%;height:100%;max-width:100%;max-height:100%}.hot-category .category-list li .category-title{line-height:0.55rem;color:#aaa;font-size:0.45rem;text-align:center}.home-header{height:2.25rem;line-height:2.25rem;background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxNDE0MSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background-size:100%;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232),color-stop(100%, #414141));background-image:-moz-linear-gradient(#323232,#414141);background-image:-webkit-linear-gradient(#323232,#414141);background-image:linear-gradient(#323232,#414141);position:relative}.home-header .iconfont{color:#fff}.home-header .nav-btn{position:absolute;left:0;top:0;bottom:0;z-index:2;padding:0 0.8rem}.home-header .logo{display:block;margin:0 auto;width:5.2rem;height:2.175rem;background:url('../assets/img/yohologo02.png?1448019409') no-repeat center center;background-size:100%}.home-header .logo.animate{background:url('../assets/img/yohologo01.png?1448019409') no-repeat center center;background-size:100%}.home-header .search-btn{position:absolute;right:0;top:0;width:2.25rem;height:2.25rem;text-align:center}.home-header .search-btn a{display:block;color:#fff;font-size:20px;line-height:2.25rem}.home-header .iconfont.highlight{background:rgba(200,200,200,0.4)}.girls-wrap .home-header{background:#FF88AE}.kids-wrap .home-header{background:#7ad9f9}.lifestyle-wrap .home-header{background:#4f4138}.kids-wrap .logo{font-style:italic;font-family:"helvetica","Arial","榛戜綋";font-weight:bold;color:#fff}.mobile-container{width:100%;overflow:hidden}.mobile-wrap{position:relative;z-index:2;background:#f0f0f0;-moz-transition:-moz-transform 0.3s;-o-transition:-o-transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.mobile-wrap.menu-open{-moz-transform:translateX(13.5rem);-ms-transform:translateX(13.5rem);-webkit-transform:translateX(13.5rem);transform:translateX(13.5rem)}.overlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;background:#000;z-index:4;-moz-transition:opacity 1s;-o-transition:opacity 1s;-webkit-transition:opacity 1s;transition:opacity 1s}.overlay.show{display:block;opacity:0.3}.brand-page .newbrand-search{width:93.75%;height:1.5rem;padding:0.35rem 3.125%;background-color:#f8f8f8;left:0;top:2.25rem;position:fixed;z-index:2}.brand-page .newbrand-search .search-box{position:relative;width:12.5rem;height:1.5rem;background-color:#FFF;border-radius:0.75rem;padding:0 0.8rem 0 1.3rem}.brand-page .newbrand-search .search-box a{width:100%;height:1.5rem;border:0;display:block}.brand-page .newbrand-search .search-box a span{line-height:1.5rem;color:#bdbdbd;font-size:1.2em;padding-left:0.45rem}.brand-page .newbrand-search .search-box .search-icon{position:absolute;font-size:0.6rem;top:0;left:0.6rem;line-height:1.5rem;color:#bdbdbd}.brand-page .newbrand-search .search-box .search-input{border:none;width:95%;height:1.5rem;font-size:1.2em;padding:0 0.25rem}.brand-page .newbrand-search .search-box .search-action{display:none;position:absolute;top:0;right:-1.85rem;font-size:0.8rem;line-height:1.5rem;color:#666}.brand-page .newbrand-search .search-box .cancel-btn{display:inline;font-size:0.8rem;vertical-align:middle}.brand-page .newbrand-search .search-box .clear-text{margin-right:0.5rem}.brand-page .banner-top{padding-top:4.45rem;background-color:#f8f8f8}.brand-page .hot-brand{margin:0.75rem 0 0}.brand-page .hot-brand .hot-brand-list{background:#fff}.brand-page .hot-brand .hot-brand-list li{float:left;width:3.95rem;height:3.95rem}.brand-page .hot-brand .hot-brand-list li .img-box{display:table-cell;vertical-align:middle;text-align:center;width:3.95rem;height:3.95rem}.brand-page .hot-brand .hot-brand-list li img{max-width:3.5rem;max-height:3.5rem}.brand-page .brand-list{width:100%}.brand-page .brand-list .title-bar{width:100%;background:#eeeeee;color:#999999;position:relative}.brand-page .brand-list .title-bar h2{padding:0 0.5rem;height:1.25rem;line-height:1.25rem;font-size:0.85rem;border-top:1px solid #e6e6e6;background-color:#f4f4f4}.brand-page .brand-list p{cursor:pointer;padding:0 0.5rem}.brand-page .brand-list p a{display:block;height:1.9rem;line-height:1.9rem;font-size:0.7rem;border-bottom:1px solid #f3f3f3;border-top:1px solid #f9f9f9}.brand-page .brand-list p a i{display:inline-block;margin-top:-0.1rem;width:2.7rem;height:1.05rem;text-align:center;vertical-align:middle;font-size:0.7rem;line-height:1.1rem;color:#fff;border-radius:1.25rem;-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.brand-page .brand-list p a .icon-hot{background:#ff0000}.brand-page .brand-list p a .icon-new{background:#86c048}.brand-page .right-bar{width:1.5rem;height:75%;top:20%;overflow:auto;position:fixed;right:0.05rem;border-radius:0.3rem;background:rgba(0,0,0,0.8);z-index:2;display:none}.brand-page .right-bar b{height:0.9rem;line-height:0.9rem;text-align:center;display:block;color:#999999;font-weight:bold}.brand-page .right-bar::-webkit-scrollbar{display:none}.brand-page .con{padding-top:0.25rem}.brand-page .search-result{padding-top:4.4rem}.category-page{font-size:0.75rem}.category-page .search-input{position:relative;background-color:#f8f8f8;padding:0.325rem 0.5rem}.category-page .search-input p{box-sizing:border-box;width:100%;height:1.5rem;line-height:1.5rem;border:none;padding-left:1.65rem;border-radius:1.5rem;font-size:0.65rem;background:#fff;color:#999}.category-page .search-icon{position:absolute;top:0;bottom:0;left:1.075rem;line-height:2.15rem;color:#999}.category-page .category-nav{height:1.75rem;border-bottom:1px solid #e6e6e6}.category-page .category-nav li{display:block;box-sizing:border-box;float:left;height:100%;padding:0.5rem 0;width:25%;text-align:center;color:#999}.category-page .category-nav li:last-child{border-right:none}.category-page .category-nav li.focus{color:#000}.category-page .category-nav li.bytouch{background:#eee}.category-page .category-nav span{display:block;width:100%;height:0.75rem;line-height:0.75rem;font-size:0.75rem;border-right:1px solid #e6e6e6}.category-page .category-nav li:last-child span{border-right:0}.category-page .content{background:#f8f8f8}.category-page .content.hide{display:none}.category-page .primary-level{float:left;box-sizing:border-box;width:45%}.category-page .primary-level>li{height:2.225rem;line-height:2.225rem;padding-left:0.8rem}.category-page .primary-level>li.focus{background-color:#fff}.category-page .primary-level>li.highlight{background-color:#eee}.category-page .sub-level-container{float:left;box-sizing:border-box;background:#fff;width:55%;height:100%}.category-page .sub-level{width:100%}.category-page .sub-level.hide{display:none}.category-page .sub-level>li{box-sizing:border-box;height:2.225rem;line-height:2.225rem;border-bottom:1px solid #e6e6e6;padding-left:0.5rem}.category-page .sub-level>li.highlight{background:#eee}.category-page .sub-level>li:last-child{border-bottom:none}.category-page .sub-level a{display:block;height:100%;width:100%;color:#000}.newarrival-page{background-color:#fff}.newarrival-page .swiper-container{width:100%;height:7.75rem}.newarrival-page .swiper-container img{height:100%;width:100%}.newarrival-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.newarrival-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.newarrival-page .banner-top-single{width:100%;height:5rem}.newarrival-page .banner-top-single img{display:block;height:100%;width:100%}.newarrival-page .list-nav{border-top:2px solid #fff;border-bottom:1px solid #e6e6e6}.newarrival-page .list-nav>li{float:left;width:25%;height:33px;line-height:33px;text-align:center;font-size:14px;color:#999}.newarrival-page .list-nav .bytouch{background:#eee}.newarrival-page .list-nav a{display:inline-block;box-sizing:border-box;width:auto;height:100%;color:#999}.newarrival-page .list-nav .active>a{color:#000;box-sizing:border-box}.newarrival-page .list-nav .active>.iconfont{color:#000}.newarrival-page .list-nav .active>.iconfont.cur{color:#000}.newarrival-page .list-nav .filter .iconfont{font-size:12px;-moz-transition:-moz-transform ease-in;-o-transition:-o-transform ease-in;-webkit-transition:-webkit-transform ease-in;transition:transform ease-in}.newarrival-page .list-nav .filter.active .iconfont{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.newarrival-page .no-result{text-align:center;vertical-align:middle;color:#ccc;font-size:1.2em;margin-top:160px}.newarrival-page .goods-container{position:relative;min-height:440px;padding-left:0.375rem;padding-top:0.2rem}.discount-page{background-color:#fff}.discount-page .swiper-container{width:100%;height:7.75rem}.discount-page .swiper-container img{height:100%;width:100%}.discount-page .swiper-container .swiper-pagination{bottom:0;left:0;width:100%}.discount-page .swiper-container .swiper-pagination-bullet-active{background:#fff}.discount-page .banner-top-single{width:100%;height:5rem}.discount-page .banner-top-single img{display:block;height:100%;width:100%}.discount-page .list-nav{border-top:2px solid #fff;border-bottom:1px solid #e6e6e6}.discount-page .list-nav>li{float:left;width:25%;height:33px;line-height:33px;text-align:center;font-size:14px}.discount-page .list-nav .bytouch{background:#eee}.discount-page .list-nav a{display:block;box-sizing:border-box;width:100%;height:100%;color:#999}.discount-page .list-nav .active>a{color:#000}.discount-page .list-nav .active>a .spanTest{width:auto;height:100%;display:inline-block;box-sizing:border-box}.discount-page .list-nav .active>a .iconfont{color:#999}.discount-page .list-nav .active>a .iconfont.cur{color:#000}.discount-page .list-nav .new .iconfont{-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.discount-page .list-nav .filter .iconfont{font-size:12px;-moz-transition:-moz-transform ease-in;-o-transition:-o-transform ease-in;-webkit-transition:-webkit-transform ease-in;transition:transform ease-in}.discount-page .list-nav .filter.active .iconfont{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.discount-page .list-nav .icon{position:relative}.discount-page .list-nav .icon i{position:absolute;-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.discount-page .list-nav .icon .up{top:-11px}.discount-page .list-nav .icon .down{top:-4px}.discount-page .no-result{text-align:center;vertical-align:middle;color:#ccc;font-size:1.2em;margin-top:160px}.discount-page .goods-container{position:relative;min-height:440px;padding-left:0.375rem;padding-top:0.2rem}.good-list-page .search-input{position:relative;padding:7px 15px;background:#f8f8f8}.good-list-page .search-input>form{position:relative}.good-list-page .search-input .search-icon{position:absolute;font-size:12px;top:9px;left:10px}.good-list-page .search-input input{box-sizing:border-box;padding-left:26px;padding-right:34px;height:30px;width:85%;border-radius:15px;background:#fff;border:none}.good-list-page .search-input .clear-input{position:absolute;top:5px;right:50px}.good-list-page .search-input .search{position:absolute;top:2px;right:-4px;border:none;background:transparent;font-size:16px;height:30px;overflow:hidden;line-height:30px;color:#666}.good-list-page .brand-way{padding-bottom:10px;background:#f4f4f4}.good-list-page .brand-way>a{display:block;height:40px;line-height:40px;padding:0 10px;border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;font-size:17px;background:#fff;color:#000}.good-list-page .brand-way .brand-thumb{display:block;float:left;width:75px;height:40px;margin:0}.good-list-page .brand-way .entry{color:#999;font-size:14px;float:right}.good-list-page .brand-header{position:relative;height:3.75rem}.good-list-page .brand-header>img{display:block;height:100%;width:100%}.good-list-page .btn-intro,.good-list-page .btn-col{position:absolute;display:block;width:62px;height:24px;line-height:24px;text-align:center;border:1px solid #fff;color:#fff;top:50%;margin-top:-12px}.good-list-page .btn-intro{right:90px}.good-list-page .btn-col{right:15px}.good-list-page .btn-col .iconfont{font-size:12px}.good-list-page .btn-col.coled{opacity:0.5}.good-list-page .btn-col .txt:after{content:"收藏"}.good-list-page .btn-col.coled .txt:after{content:"已收藏"}.good-list-page .brand-intro-box{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);padding:44px 0;z-index:1;overflow:auto}.good-list-page .brand-intro-box .brand-intro{position:relative;box-sizing:border-box;width:85%;margin:0 7.5%;background:#fff;padding:10px 8%}.good-list-page .brand-intro-box h2{text-align:center;font-size:17px;line-height:40px}.good-list-page .brand-intro-box .con{font-size:12px;line-height:16px;padding:20px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;overflow-x:hidden}.good-list-page .brand-intro-box .fo{font-size:18px;height:40px;line-height:40px;text-align:center}.good-list-page .brand-intro-box .fo>span{font-size:22px}.good-list-page .brand-intro-box .close-intro{position:absolute;top:6px;right:6px}.good-list-page .list-nav{border-top:2px solid #fff;border-bottom:1px solid #e6e6e6}.good-list-page .list-nav>li{float:left;width:25%;height:33px;line-height:33px;text-align:center;font-size:14px}.good-list-page .list-nav .bytouch{background:#eee}.good-list-page .list-nav a{display:block;box-sizing:border-box;width:100%;height:100%;color:#999}.good-list-page .list-nav .nav-txt{display:inline-block;height:100%;box-sizing:border-box}.good-list-page .list-nav .active>a{color:#000}.good-list-page .list-nav .active>a .iconfont{color:#999}.good-list-page .list-nav .active>a .iconfont.cur{color:#000}.good-list-page .list-nav .new .iconfont{-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.good-list-page .list-nav .filter .iconfont{font-size:12px;-moz-transition:-moz-transform ease-in;-o-transition:-o-transform ease-in;-webkit-transition:-webkit-transform ease-in;transition:transform ease-in}.good-list-page .list-nav .filter.active .iconfont{-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.good-list-page .list-nav .icon{position:relative}.good-list-page .list-nav .icon i{position:absolute;-moz-transform:scale(0.8, 0.8);-ms-transform:scale(0.8, 0.8);-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8);font-weight:bold}.good-list-page .list-nav .icon .up{top:-11px}.good-list-page .list-nav .icon .down{top:-4px}.good-list-page .no-result{text-align:center;vertical-align:middle;color:#ccc;font-size:1.2em;margin-top:220px}.good-list-page .goods-container{position:relative;min-height:440px;padding-left:0.375rem;padding-top:0.2rem}.good-detail-page .banner-top{height:16.5rem;overflow:hidden;position:relative}.good-detail-page .banner-top .swiper-pagination{position:absolute;left:0;right:0;bottom:1rem;text-align:center}.good-detail-page .banner-top .swiper-pagination .pagination-inner{display:inline-block}.good-detail-page .banner-top .swiper-pagination .pagination-inner span{display:inline-block;width:0.35rem;height:0.35rem;background:#fff;opacity:0.5;margin:0 0.225rem;border-radius:50%}.good-detail-page .banner-top .swiper-pagination .pagination-inner span.swiper-active-switch{opacity:1}.good-detail-page .banner-top .swiper-pagination .pagination-inner .swiper-pagination-bullet-active{background-color:#000000}.good-detail-page .banner-swiper{height:15rem;width:11.2rem;margin:0.75rem 2.4rem;position:relative;overflow:hidden}.good-detail-page .banner-swiper ul{position:relative;height:100%}.good-detail-page .banner-swiper ul li{float:left;height:100%}.good-detail-page .goodsName{font-size:0.7rem;color:#222222;padding-bottom:6px;text-align:center}.good-detail-page .goodsTitle{font-size:0.9rem;text-align:center;padding-bottom:2px;font-weight:bold}.good-detail-page .vipLevel{color:#999999;text-align:center;padding-bottom:15px}.good-detail-page .goToBuy{padding:0 10px;margin-bottom:20px;text-align:center;overflow:hidden}.good-detail-page .goToBuy .AddFavorite{background-color:#cccccc;width:2.75rem;height:2.5rem;line-height:2.5rem;font-size:1.7em;color:white;margin-right:0.5rem;overflow:hidden;float:left !important}.good-detail-page .goToBuy .toBuyNow{height:50px;line-height:50px;color:white;display:block;margin-left:2.4em;font-size:1.84em;overflow:hidden;font-weight:bold;background-color:#ed0010}.good-detail-page .discountNotice{margin-bottom:20px}.good-detail-page .discountNotice p{height:44px;line-height:44px;padding:0 10px;margin-bottom:1px;font-size:12px;background-color:#eeeeee}.good-detail-page .goToShop{margin:0 10px 20px;padding:10px;height:47px;line-height:47px;overflow:hidden;background-color:#eee}.good-detail-page .goToShop .fz14{font-size:1.2em;float:right !important}.good-detail-page .detailSize{padding:0 10px;margin-bottom:20px}.good-detail-page .detailSize h3{text-align:center;font-size:1.3em;margin-bottom:5px}.good-detail-page .detailSize h3 span{font-size:0.6em;display:block;text-transform:uppercase}.good-detail-page .detailSize table{background-color:white;width:100%}.good-detail-page .detailSize td{text-align:left;padding:0.4em 0.8em;border:1px solid white;background-color:#eee;font-size:1em}.good-detail-page .detail-img{padding:0 10px;margin-bottom:10px}.suspend-cart{position:fixed;width:44px;height:44px;line-height:44px;border-radius:50%;background:rgba(0,0,0,0.3);text-align:center;right:15px;bottom:70px;z-index:10}.suspend-cart .iconfont{color:#fff;font-size:18px}.suspend-cart .cart-count{position:absolute;width:18px;height:18px;line-height:18px;border-radius:50%;background:#f00;top:0;right:0;color:#fff}.index-page{width:100%;overflow:hidden;margin:0 auto}.index-page .index-header{box-sizing:border-box;padding:0 0.5rem;width:100%;height:2.4rem;line-height:2.4rem}.index-page .index-header .index-logo{float:left;width:5.4rem;height:2.4rem;background:url('../assets/img/yohologo.png?1448019409') left center no-repeat;background-size:104px 25px;opacity:1;transition:all 400ms}.index-page .index-header .index-logo img{display:inline;vertical-align:middle;width:5.175rem;height:1.225rem}.index-page .index-header .index-logo.action{opacity:0;width:0}.index-page .index-header .box{position:relative;overflow:hidden;z-index:1}.index-page .index-header .box.action .no-search,.index-page .index-header .box.action .clear-text{display:block}.index-page .index-header .index-search{height:2.4rem;background:#fff;overflow:hidden;-moz-transition:width 0.4s;-o-transition:width 0.4s;-webkit-transition:width 0.4s;transition:width 0.4s}.index-page .index-header .index-search .search-box{position:relative;top:0.5rem;height:1.4rem;padding-right:2rem;transition:width 400ms;box-sizing:border-box;border:1px solid #ccc;overflow:hidden;-moz-transition:margin-left 0.4s;-o-transition:margin-left 0.4s;-webkit-transition:margin-left 0.4s;transition:margin-left 0.4s}.index-page .index-header .index-search input{float:left;width:96%;font-size:0.7rem;padding:0.25rem;color:#999;overflow:hidden;border:none;-webkit-appearance:none}.index-page .index-header .index-search .iconfont{position:absolute;top:0.2rem;width:1rem;font-size:0.7rem;z-index:1;line-height:1rem}.index-page .index-header .index-search .clear-text{display:none;right:1.25rem;color:#ccc}.index-page .index-header .index-search .search-icon{right:0.25rem;color:#666}.index-page .index-header .index-search .search-icon.empty{color:#e6e6e6}.index-page .index-header .no-search{display:none;float:left;margin-right:0.25rem;color:#999;font-size:0.7rem}.index-page .index-container{position:relative;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;background-color:white}.index-page .index-container .index_header{height:2rem;line-height:2rem;overflow:hidden;padding:0 0.25rem}.index-page .index-container .index-channel{color:#FFF;text-align:center;position:relative;background-color:#000000;min-height:20rem}.index-page .index-container .index-channel .index-channel-list{margin-top:-7.5rem;width:100%;position:absolute;top:50%}.index-page .index-container .index-channel .index-channel-list .list-item{display:block;position:relative;margin:0 auto 1rem;width:216px;height:52px;text-align:center;font-size:16px;line-height:52px;color:#fff;background:#000;border:4px solid #fff;font-weight:bold}.index-page .index-container .index-channel .index-channel-list .list-item:last-child{margin-bottom:0}.index-page .index-container .index-channel .index-channel-list .lighter{font-weight:lighter}.index-page .index-container .index-channel .index-channel-list .right-icon{position:absolute;right:0.25rem;top:0;font-weight:bold}.index-page .index-container .index-channel .index-channel-list .homestyle{margin-bottom:1.25rem;width:7.1825rem}.search-page .search-input{position:relative;padding:0.35rem 0.55rem;background:#f8f8f8}.search-page .search-input form{width:100%}.search-page .search-input .search-icon{position:absolute;font-size:0.6rem;top:0.65rem;left:0.9rem;color:#b2b2b2}.search-page .search-input input{height:1.4rem;width:9.45rem;border-radius:0.7rem;padding:0 1.3rem;font-size:0.6rem;background:#fff;border:none}.search-page .search-input .clear-input{position:absolute;top:0.5rem;right:3.625rem;font-size:0.8rem;color:#666}.search-page .search-input .search{position:absolute;top:0.45rem;right:1rem;border:none;background:transparent;color:#666;font-size:0.75rem;line-height:1.4rem}.search-page .search-items{padding:1rem 0.5rem}.search-page .search-items h3{font-size:0.6rem;margin-bottom:0.5rem}.search-page .search-items li{float:left;margin-right:0.5rem;margin-bottom:0.5rem;max-width:100%;overflow:hidden}.search-page .search-items a{display:block;height:1.7rem;line-height:1.7rem;padding:0 0.5rem;font-size:0.7rem;background:#f8f8f8;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-page .search-items .clear-history{height:1.6rem;line-height:1.6rem;border:1px solid #e6e6e6;background:#fff;font-size:0.7rem}.float-layer{height:44px;background:rgba(68,68,68,0.95);position:fixed;width:100%;bottom:0;left:0;z-index:9999;padding:10px 0}.float-layer .float-layer-left{padding-left:22px;overflow:hidden;float:left}.float-layer .float-layer-left img{height:44px;float:left;margin-right:10px}.float-layer .float-layer-left p{float:left;font-size:16px;height:44px;line-height:44px;color:white}.float-layer .float-layer-left .yoho-icon{float:left;margin-right:10px;font-size:22px;line-height:44px;width:44px;height:44px;text-align:center;color:#fff;border-radius:10px;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMyMzIzMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzBmMGYwZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #323232),color-stop(100%, #0f0f0f));background:-moz-linear-gradient(#323232,#0f0f0f);background:-webkit-linear-gradient(#323232,#0f0f0f);background:linear-gradient(#323232,#0f0f0f)}#float-layer-close{position:absolute;left:0;top:0;width:50px;height:50px}#float-layer-close .close-icon{position:absolute;left:0;top:0;color:#C0C0C0;z-index:2}#float-layer-btn{position:absolute;top:50%;right:15px;font-size:16px;padding:0 10px;height:27px;line-height:27px;background:white;border-radius:5px;margin-top:-13px;-webkit-tap-highlight-color:rgba(0,0,0,0.5)}#float-layer-btn:link,#float-layer-btn:visited,#float-layer-btn:hover,#float-layer-btn:actived{color:#000}.circle-rightbottom{position:absolute;width:25px;height:0px;border:0 solid #323232;border-bottom:25px solid #323232;-moz-border-radius:0 0 25px 0;-webkit-border-radius:0 0 25px 0;border-radius:0 0 25px 0}.err-page .err-bg{position:fixed;height:5rem;width:5rem;top:50%;left:50%;margin-left:-2.5rem;margin-top:-2.5rem;background:url('../assets/img/404.png?1448019451') no-repeat;background-size:100% 100%}.shopping-cart-good{position:relative;padding-left:0.4rem}.shopping-cart-good .checkbox{position:absolute;top:50%;margin-top:-0.35rem;font-size:0.7rem;color:#f0f0f0}.shopping-cart-good .checkbox.icon-cb-checked{color:#000}.shopping-cart-good .info{float:left;margin-left:1.25rem;padding:0.4rem 0;border-bottom:1px solid #e0e0e0}.shopping-cart-good .thumb{float:left;width:3rem;height:4rem}.shopping-cart-good .deps{margin-left:3.375rem;padding-right:0.5rem}.shopping-cart-good .name{font-size:0.7rem}.shopping-cart-good .row:nth-child(2){font-size:0.55rem;height:1.125rem;line-height:1.125rem}.shopping-cart-good .row:nth-child(2)>span{margin-right:0.375rem}.shopping-cart-good .row:nth-child(3){position:relative}.shopping-cart-good .color,.shopping-cart-good .size{color:#b6b6b6}.shopping-cart-good .appear-date{color:#e01}.shopping-cart-good .price{font-size:0.6rem;color:#000}.shopping-cart-good .count{font-size:0.5rem;color:#999;margin-left:0.55rem}.shopping-cart-good .sold-out,.shopping-cart-good .low-stocks{display:inline-block;width:2.5rem;height:0.75rem;line-height:0.75rem;font-size:0.55rem;border:none;color:#fff;text-align:center;margin-left:0.4rem}.shopping-cart-good .sold-out{background:#999}.shopping-cart-good .low-stocks{background:#e01}.shopping-cart-good .icon-del,.shopping-cart-good .icon-edit{position:absolute;color:#ccc;font-size:0.75rem}.shopping-cart-good .icon-del{right:0.35rem}.shopping-cart-good .icon-edit{right:1.8rem}.shopping-cart-good .opt-panel{position:absolute;width:5.5rem;height:4.75rem;right:0;color:#fff}.shopping-cart-good .opt-panel>div{float:left;box-sizing:border-box;width:2.75rem;height:100%;text-align:center;padding:1rem 0.5rem 0;font-size:15px}.shopping-cart-good .opt-panel span{display:block}.shopping-cart-good .opt-panel .put-in-favorite{background:#bbb}.shopping-cart-good .opt-panel .del{background:#999}.shopping-cart-good .opt-panel .del .iconfont{margin-bottom:0.5rem}.chose-panel{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.3)}.chose-panel .main{position:absolute;height:15.25rem;bottom:0;left:0;right:0;background:#fff}.chose-panel .infos{height:11.5rem;padding:0 0.55rem;padding-top:0.75rem}.chose-panel .chose-items{height:8.125rem;overflow:auto}.chose-panel .basic-info{margin-bottom:0.75rem}.chose-panel .thumb{float:left;width:2rem;height:2.65rem}.chose-panel .text-info{margin-left:2.55rem}.chose-panel .text-info .name{font-size:0.7rem}.chose-panel .text-info .sale-price{color:#e10}.chose-panel .text-info .sale-price.no-price{color:#000}.chose-panel .text-info .market-price{color:#b0b0b0;text-decoration:line-through}.chose-panel .color-list,.chose-panel .size-list,.chose-panel .num{position:relative;font-size:0.7rem;padding-left:2rem}.chose-panel .color-list>span,.chose-panel .size-list>span,.chose-panel .num>span{position:absolute;left:0;top:0.5rem}.chose-panel .block{float:left;display:block;width:2rem;height:2rem;border:1px solid #000;margin-right:0.75rem;margin-bottom:0.75rem;line-height:2rem;text-align:center}.chose-panel .block.chosed{border-color:#e10;background:url('../assets/img/shopping-cart/right.png?1448019409') no-repeat;background-size:0.95rem;background-position:bottom right;color:#e10}.chose-panel .num{margin-bottom:0.5rem}.chose-panel .num .btn{float:left;display:block;height:2rem;width:2rem;text-align:center;line-height:2rem;border:1px solid #e6e6e6}.chose-panel .num .btn.disable{color:#e6e6e6}.chose-panel .good-num{float:left;width:2.65rem;height:2rem;line-height:2rem;padding:0;border:none;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center}.chose-panel .btn-wrap{height:3rem;border-top:1px solid #e6e6e6;padding:0.5rem;text-align:center;box-sizing:border-box}.chose-panel .btn-wrap .btn-sure{width:6.5rem;height:2rem;background:#e10;color:#fff;font-size:0.8rem;border:none}.gift-advance-page .gift-advance-good{position:relative;padding:0.5rem 0;margin-left:0.85rem;height:4rem;border-bottom:1px solid #e0e0e0}.gift-advance-page .gift-advance-good:last-child{border-bottom:none}.gift-advance-page .advance-block .gift-advance-good:last-child{border-bottom:none}.gift-advance-page .advance-block:last-child .gift-advance-good:last-child{border-bottom:1px solid #e0e0e0}.gift-advance-page .thumb-wrap{position:relative;float:left;width:3rem;height:4rem}.gift-advance-page .thumb-wrap .thumb{width:100%;height:100%}.gift-advance-page .tag{position:absolute;bottom:0;left:0;right:0;height:0.625rem;color:#fff;text-align:center;background:#a1ce4e}.gift-advance-page .tag:before{content:'赠品'}.gift-advance-page .deps{margin-left:3.375rem}.gift-advance-page .name{font-size:0.7rem}.gift-advance-page .row:nth-child(2){font-size:0.55rem;height:1.125rem;line-height:1.125rem}.gift-advance-page .row:nth-child(2)>span{margin-right:0.375rem}.gift-advance-page .row:nth-child(3){position:relative}.gift-advance-page .color,.gift-advance-page .size{color:#b6b6b6}.gift-advance-page .price{font-size:0.6rem;color:#000}.gift-advance-page .count{font-size:0.5rem;color:#999;margin-left:0.55rem}.gift-advance-page .chose{position:absolute;width:2.2rem;height:1.45rem;background:#f8f8f8;border:1px solid #ccc;right:0.5rem;top:1.775rem;font-size:0.65rem}.gift-advance-page .title{height:1.25rem;line-height:1.25rem;padding-left:0.5rem;font-size:0.6rem;background:#f8f8f8}.gift-advance-page .advance-block .tag{background:#eb76aa}.gift-advance-page .advance-block .tag:before{content:'加价购'}.icon-checkbox:before{content:"\e61c"}.icon-cb-checked:before{content:"\e61d"}.shopping-cart-page{padding-bottom:3rem}.shopping-cart-page .cart-nav{height:0.75rem;color:#c6c6c6;border-bottom:1px solid #e0e0e0;padding:0.75rem 0}.shopping-cart-page .cart-nav li{float:left;width:50%}.shopping-cart-page .cart-nav li.active{color:#000}.shopping-cart-page .cart-nav span{display:block;box-sizing:border-box;width:100%;height:0.75rem;line-height:0.75rem;font-size:0.75rem;text-align:center}.shopping-cart-page .cart-nav li:first-child span{border-right:1px solid #e0e0e0}.shopping-cart-page .login-info{height:1.15rem;padding:0.425rem 0.5rem;color:#24acaa;text-align:center;font-size:0.7rem}.shopping-cart-page .login-info .btn{display:inline-block;background:#ed0010;color:#fff;width:2rem;height:1.15rem;line-height:1.15rem}.shopping-cart-page .presell-info{height:1.5rem;padding:0.375rem 0.75rem;font-size:0.55rem;background:#f0f0f0;color:#b7b7b7}.shopping-cart-page .presell-info>span{display:block}.shopping-cart-page .presell-info .iconfont{float:left;font-size:1.125rem}.shopping-cart-page .presell-info .txt{height:0.75rem;line-height:0.75rem;margin-left:2rem}.shopping-cart-page .cart-goods{border-bottom:1px solid #e0e0e0}.shopping-cart-page .cart-goods .shopping-cart-good:last-child .info{border-bottom:none}.shopping-cart-page .freebie-and-advance-buy{padding:0.5rem;font-size:0.6rem;border-bottom:1px solid #e0e0e0}.shopping-cart-page .freebie-and-advance-buy>li{box-sizing:border-box;height:2.25rem;line-height:2.25rem;margin-bottom:0.25rem;background:#f8f8f8;padding:0 0.5rem}.shopping-cart-page .freebie-and-advance-buy>li:last-child{margin-bottom:0}.shopping-cart-page .freebie-and-advance-buy>li a{float:right}.shopping-cart-page .freebie-and-advance-buy .count{color:#f00}.shopping-cart-page .freebie-and-advance-buy .icon-right-arrow{color:#8f8f8f}.shopping-cart-page .price-compute{padding:0.5rem;border-bottom:1px solid #e0e0e0;font-size:0.65rem}.shopping-cart-page .price-compute .title{display:inline-block;width:4.375rem}.shopping-cart-page .price-compute .minus{float:right}.shopping-cart-page .balance{position:fixed;box-sizing:border-box;bottom:0;width:100%;padding:0.5rem;height:3rem;border-top:1px solid #e0e0e0;background:#fff}.shopping-cart-page .balance .iconfont{position:absolute;top:50%;margin-top:-0.35rem;font-size:0.7rem}.shopping-cart-page .balance p{float:left;margin-left:1.25rem;font-size:0.65rem}.shopping-cart-page .balance p span{display:block;height:1rem;line-height:1rem}.shopping-cart-page .balance p .tip{color:#666;font-size:0.55rem}.shopping-cart-page .balance .btn-balance{float:right;width:3.5rem;height:2rem;line-height:2rem;text-align:center;background:#e01;color:#fff;border:none;font-size:0.7rem}
... ...
define("index",["jquery","hammer","swiper","lazyload","mlellipsis","iscroll-probe","index"],function(e,a,n){var t;e("js/common"),e("js/category/entry"),e("js/guang/entry"),e("js/home/entry"),e("js/index/entry"),e("js/passport/entry"),e("js/product/entry"),n.exports=t}),define("js/common",["jquery"],function(e,a,n){function t(e){var a,n,t=document.cookie;return document.cookie&&""!==document.cookie&&(n=t.indexOf(e+"="),n>-1&&(n+=e.length+1,a=decodeURIComponent(c.trim(t.substring(n,t.indexOf(";",n)))))),a}function o(e,a,n){var t,o,s,i,r="";"undefined"!=typeof a&&(n=n||{},null===a&&(a="",n.expires=-1),n.expires&&("number"==typeof n.expires||n.expires.toUTCString)&&("number"==typeof n.expires?(i=new Date,i.setTime(i.getTime()+24*n.expires*60*60*1e3)):i=n.expires,r="; expires="+i.toUTCString()),t=n.path?"; path="+n.path:"",o=n.domain?"; domain="+n.domain:"",s=n.secure?"; secure":"",document.cookie=[e,"=",encodeURIComponent(a),r,t,o,s].join(""))}function s(){var e,a=t("_UID");return"undefined"==typeof a?0:(e=a.split("::"),"undefined"==typeof e||e.length<4?0:e)}function i(){var e=s();return 0===e?0:e[1]}function r(){var e=t("_g");return"undefined"==typeof e?"":JSON.parse(e).k}function l(){0!==d.length&&(c("body").height()<=c(window).height()?d.addClass("bottom"):d.removeClass("bottom"))}var c=e("jquery"),d=c("#yoho-footer"),u=c(".yoho-header");!function(){var e=d.children(".op-row"),a=s();c("body").height()<=c(window).height()&&d.addClass("bottom"),0===a?e.prepend('<a href="/signin.html?refer='+location.href+'">登录</a><span class="sep-line">|</span><a href="/reg.html">注册</a>'):e.prepend('Hi,<a class="user-name" href="/home?tmp='+Math.random()+'">'+a[0]+'</a><a href="/passport/signout/index?token='+a[3]+'">退出</a>'),e.find(".back-to-top").on("touchend",function(){return c(window).scrollTop(0),!1}),d.removeClass("hide")}(),function(){var e=i();e=0===e?"":e,window._ozuid=e,window._yas&&window._yas(1*new Date,"1.0.8","yohobuy_m",e,"")}(),u.on("touchstart","a",function(){u.find("a").removeClass("highlight"),c(this).addClass("highlight")}).on("touchend touchcancel","a",function(){c(this).removeClass("highlight")}),window.cookie=t,window.setCookie=o,window.getUser=s,window.getUid=i,window.getShoppingKey=r,window.rePosFooter=l}),define("js/category/entry",["jquery","hammer","swiper","lazyload","index"],function(e,a,n){e("js/category/index"),e("js/category/brand")}),define("js/category/index",["jquery"],function(e,a,n){var t=e("jquery"),o=t(".category-nav"),s=t(".category-container"),i=s.children(".content"),r=s.find(".sub-level li"),l=s.find(".primary-level li"),c=i.not(".hide");!function(){var e=t(".yoho-header"),a=t("#search-input"),n=t(window).height()-e.outerHeight()-a.outerHeight()-o.outerHeight();s.css("min-height",n),i.height(n)}(),t("#search-input").focus(function(){t(this).blur()}),o.bind("contextmenu",function(e){return!1}),t(".category-container").bind("contextmenu",function(e){return!1}),o.on("touchend touchcancel",function(e){var a=t(e.target).closest("li"),n=a.index();a.hasClass("focus")||(o.find("li.focus").removeClass("focus"),a.addClass("focus"),c.addClass("hide"),c=i.eq(n).removeClass("hide"))}),s.on("touchend",function(e){var a,n,o,s=t(e.target);if(n=s.closest(".p-level-item"),n.length>0){if(o=n.index(),a=s.closest(".content").find(".sub-level"),s.hasClass("focus"))return;s.closest(".primary-level").children(".focus").removeClass("focus"),s.addClass("focus"),a.not(".hide").addClass("hide"),a.eq(o).removeClass("hide")}}),s.find(".primary-level").on("touchstart touchend touchcancel","li",function(){l.removeClass("highlight"),t(this).addClass("highlight")}).on("touchend touchcancel","li",function(){t(this).removeClass("highlight")}),s.find(".sub-level").on("touchstart","li",function(){r.removeClass("highlight"),t(this).addClass("highlight")}).on("touchend touchcancel","li",function(){t(this).removeClass("highlight")}),o.on("touchstart","li",function(){o.find("li").removeClass("bytouch"),t(this).addClass("bytouch")}).on("touchend touchcancel","li",function(){o.find("li").removeClass("bytouch")})}),define("js/category/brand",["jquery","hammer","swiper","lazyload","index"],function(e,a,n){function t(){var e=u(".brand-list").find("p");e.on("touchstart",function(){e.css("background","#fff"),u(this).css("background","#eee")}).on("touchend touchcancel",function(){u(this).css("background","#fff")})}function o(){var e=(c.val()+"").toLowerCase(),a={},n=0,o="";""!==e&&(u.each(l,function(n,t){u.isArray(t)&&u.each(t,function(t,o){o.name.toLowerCase().indexOf(e)>-1&&(a[n]=a[n]||[],a[n].push(o))})}),u.each(a,function(e,a){var t=['<div class="brand-list bar-',n,'">'];n++,t.push('<div class="title-bar"><h2>'),t.push(e),t.push("</h2></div>"),u.each(a,function(e,a){t.push('<p><a href="'+a.url+'">'+a.name),a.isNew&&t.push('<i class="icon-hot">HOT</i>'),a.isHot&&t.push('<i class="icon-new">NEW</i>'),t.push("</a></p>")}),t.push("</div>"),o+=t.join("")})),u(".search-result").html(o),t()}var s,i,r,l,c,d,u=e("jquery"),h=e("hammer"),p=e("swiper"),f=e("lazyload"),g=u(".brand-list"),m=u(".search-icon"),v=u(".newbrand-search").outerHeight(),y=u(".yoho-header").outerHeight(),w=parseInt(v)+parseInt(y)-1;s=new p(".swiper-container",{lazyLoading:!0,loop:!0,autoplay:3e3,pagination:".swiper-pagination .pagination-inner"}),f(u("img.lazy")),u(".yoho-header").css({"z-index":2,position:"fixed",top:0}),i=u('<div class="title-bar fixed-title-bar"><h2></h2></div>'),i.css({position:"fixed",top:w}).hide(),r=w+u(".hot-brand").outerHeight()+u(".banner-top").outerHeight(),u(".brand-list").last().append(i),u(window).scroll(function(){var e=u(window).scrollTop();g.eq(0).offset().top<r&&i.hide(),g.each(function(){var a=u(this).offset().top-w;e>=a&&i.css({display:"block"}).find("h2").html(u(this).find(".title-bar").text())})}),t(),u(".brand-search-page").length&&(l=u.parseJSON(u("#brands-data").html()),c=u("#keyword"),c.on("input",function(){c.val().length?(m.css("color","#000"),u(this).closest(".search-box").css("width","11.25rem"),u(".search-action").show()):(m.css("color","#b2b2b2"),u(this).closest(".search-box").css("width","12.5rem"),u(".search-action").hide()),o()}).focus(),d=new h(u(".clear-text")[0]),d.on("tap",function(e){e.preventDefault(),u(".search-result").html(""),u("#keyword").val("").trigger("input"),e.srcEvent.stopPropagation()}),u("form.search-box").on("submit",function(){return!1}))}),define("js/guang/entry",["jquery","lazyload","swiper","hammer","mlellipsis","iscroll-probe","index"],function(e,a,n){e("js/guang/plus-star/list"),e("js/guang/plus-star/detail"),e("js/guang/home"),e("js/guang/list"),e("js/guang/detail")}),define("js/guang/plus-star/list",["jquery","lazyload","swiper","index"],function(e,a,n){var t,o=e("jquery"),s=e("lazyload"),i=e("swiper"),r=o("#nav-tab > li"),l=o("#ps-content > .content");s(o("img.lazy")),t=new i(".swiper-container",{lazyLoading:!0,pagination:".swiper-pagination"}),o("#nav-tab").bind("contextmenu",function(e){return!1}),o("#nav-tab").on("touchend touchcancel",function(e){var a=o(e.target).closest("li");a.hasClass("focus")||(r.toggleClass("focus"),l.toggleClass("hide"),o(document).trigger("scroll"))}),o("#nav-tab").on("touchstart",function(e){var a=e.target||e.srcElement;a.className="bytouch "+a.className}).on("touchend touchcancel",function(){r.removeClass("bytouch")})}),define("js/guang/plus-star/detail",["jquery","hammer","mlellipsis","lazyload"],function(e,a,n){var t,o,s,i,r=e("jquery"),l=e("hammer"),c=e("mlellipsis"),d=e("lazyload"),u=r("#intro"),h=r("#intro-more-txt"),p=r("#related-infos-container"),f=e("js/guang/info"),g=e("js/plugin/tip"),m=r("#brand-info").data("id"),v=r("#jump-to-app").val();e("js/plugin/wx-share"),c.init(),d(r("img.lazy")),u[0].mlellipsis(3),setTimeout(function(){t=u.text(),o=u.attr("title")}),f.initInfosEvt(p),s=new l(document.getElementById("more-intro")),s.on("tap",function(e){var a=r(e.target).closest("#more-intro");a.toggleClass("spread"),a.hasClass("spread")?(u.text(o),h.text("收起")):(u.text(t),h.text("more"),r(window).scrollTop(0,400)),e.preventDefault()}),i=new l(document.getElementById("brand-like")),i.on("tap",function(e){var a="ok",n=r(e.target);"1"!==v&&(e.preventDefault(),n.hasClass("like")&&(a="cancel"),r.ajax({type:"POST",url:"/guang/opt/favoriteBrand",data:{id:m,opt:a},success:function(e){200===e.code?n.toggleClass("like"):400===e.code||412===e.code?location.href=e.data:g.show(e.message)},error:function(){g.show("网络断开连接了~")}}))})}),define("js/guang/info",["jquery","hammer","mlellipsis","lazyload"],function(e,a,n){function t(e){c(e.find("img.lazy")),e.each(function(){var e=i(this),a=e.find(".info-title"),n=e.find(".info-text");a[0].mlellipsis(2),n[0].mlellipsis(2)})}function o(e){var a;"undefined"!=typeof e&&(a=new r(e[0]),a.on("tap",function(e){var a,n,t,o=i(e.target),s="ok";a=o.closest(".like-btn"),a.length>0&&(a.hasClass("like")&&(s="cancel"),t=o.closest(".guang-info"),i.ajax({type:"POST",url:"/guang/opt/praiseArticle",data:{id:t.data("id"),opt:s},success:function(e){var n=e.code;200===n&&(a.next(".like-count").text(e.data),a.toggleClass("like"))},error:function(){d.show("网络断开连接了~")}})),n=o.closest(".collect-btn"),n.length>0&&(n.hasClass("collected")&&(s="cancel"),t=o.closest(".guang-info"),i.ajax({type:"POST",url:"/guang/opt/collectArticle",data:{id:t.data("id"),opt:s},success:function(e){e.code&&200===e.code&&n.toggleClass("collected")},error:function(){d.show("网络断开连接了~")}}))}),t(e.find(".guang-info")))}function s(e,a){var n;g||a.end||(1===a.page&&u.showLoadingMask(),n=e.find(".guang-info").length,g=!0,i.ajax({type:"GET",url:" /guang/index/page",data:a,success:function(o){var s;return" "===o?(a.end=!0,g=!1,p.addClass("hide"),void f.removeClass("hide")):(e.append(o),s=n>0?e.find(".guang-info:gt("+(n-1)+")"):e.find(".guang-info"),t(s),1===a.page&&(u.hideLoadingMask(),p.removeClass("hide"),window.rePosFooter()),a.page++,void(g=!1))},error:function(){d.show("网络断开连接了~"),g=!1}}))}var i=e("jquery"),r=e("hammer"),l=e("mlellipsis"),c=e("lazyload"),d=e("js/plugin/tip"),u=e("js/plugin/loading"),h=i("#load-more-info"),p=i(""),f=i(""),g=!1;l.init(),h.length>0&&(p=h.children(".loading"),f=h.children(".no-more")),a.initInfosEvt=o,a.setLazyLoadAndMellipsis=t,a.loadMore=s}),define("js/plugin/tip",["jquery"],function(e,a,n){function t(e,a){var n,t;"undefined"!=typeof e&&(n=e.toString(),t=a&&a>0?a:2e3,o.text(n).show(),s=setTimeout(function(){"block"===o.css("display")&&o.hide()},t))}var o,s,i=e("jquery");!function(){var e='<div id="yoho-tip" class="yoho-tip"></div>';i(".yoho-page").append(e),o=i("#yoho-tip"),o.on("touchend",function(){o.hide(),clearTimeout(s)})}(),a.show=t}),define("js/plugin/loading",["jquery"],function(e,a,n){function t(e){var a='<div class="loading-mask hide"><div class="loading"></div></div>';c=!0,void 0===e&&(e=l),e.append(a),i=e.children(".loading-mask")}function o(){c||(t(),c=!0),i.removeClass("hide")}function s(){i.addClass("hide")}var i,r=e("jquery"),l=r(".yoho-page"),c=!1;a.init=t,a.showLoadingMask=o,a.hideLoadingMask=s}),define("js/plugin/wx-share",["jquery"],function(e,a,n){var t=e("jquery");n.exports=function(){var e="http://www.yohoshow.com/api/wechat/getSignPackage";t.getJSON(e+"?pageurl="+encodeURIComponent(location.href.split("#")[0])+"&callback=?",function(e){var a,n,t,o;void 0!==e&&""!==e&&(a=e.appId.toString(),n=e.timestamp,t=e.nonceStr.toString(),o=e.signature.toString(),wx.config({debug:!1,appId:a,timestamp:n,nonceStr:t,signature:o,jsApiList:["checkJsApi","onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","hideMenuItems","showMenuItems","hideAllNonBaseMenuItem","showAllNonBaseMenuItem","translateVoice","startRecord","stopRecord","onRecordEnd","playVoice","pauseVoice","stopVoice","uploadVoice","downloadVoice","chooseImage","previewImage","uploadImage","downloadImage","getNetworkType","openLocation","getLocation","hideOptionMenu","showOptionMenu","closeWindow","scanQRCode","chooseWXPay","openProductSpecificView","addCard","chooseCard","openCard"]}))}),wx.ready(function(){var e=t("#shareTitle").val(),a=t("#shareImg").val(),n=t("#shareDesc").val(),o=t("#shareLink").val(),s={title:e,desc:n,imgUrl:a,link:o};wx.onMenuShareAppMessage(s),wx.onMenuShareTimeline(s),wx.onMenuShareQQ(s),wx.onMenuShareWeibo(s)})}}),define("js/guang/home",["jquery","swiper","hammer","mlellipsis","lazyload","index"],function(e,a,n){var t,o=e("jquery"),s=e("swiper"),i=e("js/guang/info"),r=i.loadMore,l=o("#load-more-info"),c=o(""),d=o(""),u=o(window).height(),h=o("#info-list"),p=h.children(".info-list"),f=o("#guang-nav"),g=f.children(".focus"),m=g.data("type"),v={};l.length>0&&(c=l.children(".loading"),d=l.children(".no-more")),t=new s(".swiper-container",{lazyLoading:!0,pagination:".swiper-pagination",autoplay:3e3}),i.initInfosEvt(h),function(){var e=o("#gender").val();f.children(".guang-nav-item").each(function(){var a=o(this).data("type"),n=o(this).hasClass("focus");v[a]={page:n?2:1,gender:e,type:a,end:!1}})}(),f.bind("contextmenu",function(e){return!1}),f.on("touchend touchcancel",function(e){var a,n,t=o(e.target).closest(".guang-nav-item");t.hasClass("focus")||(n=t.index(),t.addClass("focus"),g.removeClass("focus"),a=p.eq(n),g=t,m=t.data("type"),1===v[m].page?(c.addClass("hide"),d.addClass("hide"),r(a,v[m])):v[m].end?(c.addClass("hide"),d.removeClass("hide")):(c.removeClass("hide"),d.addClass("hide")),p.not(".hide").addClass("hide"),a.removeClass("hide"),1===v[m].page&&window.rePosFooter())}),o(document).scroll(function(){var e=p.not(".hide");o(window).scrollTop()+u>=o(document).height()-.25*e.height()&&r(e,v[m])}),f.on("touchstart",function(e){var a=e.target||e.srcElement;a.className="bytouch "+a.className}).on("touchend touchcancel",function(){f.find("li").removeClass("bytouch")})}),define("js/guang/list",["jquery","hammer","mlellipsis","lazyload"],function(e,a,n){var t=e("jquery"),o=e("js/guang/info"),s=o.loadMore,i=t(window).height(),r=t("#author-infos"),l=t("#tag"),c=t("#gender"),d=t("#isApp"),u={page:2,end:!1},h=t("#info-list");o.initInfosEvt(h),r.length>0&&t.extend(u,{authorId:r.data("id"),isApp:d.val()}),l.length>0&&t.extend(u,{tag:l.val(),gender:c.val(),isApp:d.val()}),t(document).scroll(function(){t(window).scrollTop()+i>=t(document).height()-.25*h.height()&&s(h,u)})}),define("js/guang/detail",["jquery","mlellipsis","lazyload","iscroll-probe"],function(e,a,n){function t(e){var a=e.offset().left,n=-C+a+w/2+"px";r.css({backgroundPosition:n+" bottom"}),v&&b.css({backgroundPosition:n+" bottom"})}function o(e){var a,n,o,s=h(e.currentTarget),p=s.index();s.hasClass("focus")||(l.filter(".focus").removeClass("focus"),v&&(a=s.closest(".fixed-thumb-container").length>0?r:b,n=a.find(".thumb").eq(p),b.find(".thumb.focus").removeClass("focus"),n.addClass("focus")),s.addClass("focus"),t(s),c.not(".hide").addClass("hide"),o=c.eq(p),o.removeClass("hide"),f(o.find(".lazy")),v?u&&u.scrollToElement(d,400):h("body").animate({scrollTop:i.offset().top},400),u&&u.refresh())}function s(){var e,a,n,t,o,s=h("#scroller"),l=h(".yoho-header"),c=0;return l.length>0&&(c=l.outerHeight()),u=new g("#wrapper",{probeType:3,mouseWheel:!0,click:!0}),document.addEventListener("touchmove",function(e){e.preventDefault()},!1),y?(e=h(window).height()-c,o=b[0],a=r.outerHeight(),n=i.outerHeight(),t=i.offset().top-c,void u.on("scroll",function(){var i=-this.y,r=o.className;t-e+a>=i?-1===r.indexOf("fixed-bottom")&&b.addClass("fixed-bottom").removeClass("hide"):t>=i?-1===r.indexOf("hide")&&b.addClass("hide").removeClass("fixed-bottom fixed-top"):t+n-a>=i?-1===r.indexOf("fixed-top")&&b.addClass("fixed-top").removeClass("hide absolute").css("top",""):t+n>=i?(-1===r.indexOf("absolute")&&b.addClass("absolute").removeClass("fixed-top hide"),o.style.top=t+c+n-a-i+"px"):i>t+n&&-1===r.indexOf("hide")&&b.addClass("hide").removeClass("absolute"),s.trigger("scroll")})):void u.on("scroll",function(){s.trigger("scroll")})}var i,r,l,c,d,u,h=e("jquery"),p=e("mlellipsis"),f=e("lazyload"),g=e("iscroll-probe"),m=h(".author .intro"),v=!1,y=h(".collocation-block").length>0?!0:!1,w=0,b=h(""),d=document.querySelector("#wrapper .collocation-block"),C=h(window).width();e("js/plugin/wx-share")(),window.onload=function(){u&&u.refresh()},a.i=function(e){var a=navigator.userAgent.indexOf("iPhone")>0?!0:!1;v=a&&e,p.init(),f(h(".lazy")),h(".info-list .title, .one-good .reco-name").each(function(){this.mlellipsis(2)}),m.offset()&&parseInt(m.offset().left,10)===parseInt(m.css("margin-left"),10)&&m.css("padding-top",0),v&&(h(".yoho-header").length>0?h("#wrapper").addClass("ios has-head"):h("#wrapper").addClass("ios")),y&&(i=h(".collocation-block"),r=i.children(".thumb-container"),l=r.find("li"),c=i.find(".prod"),w=l.width(),v&&(b=h("#wrapper").after(r.clone().addClass("fixed-thumb-container fixed-bottom")).next(".thumb-container"),f(b.find(".lazy"),{event:"sporty"})),t(l.filter(".focus")),r.delegate(".thumb","touchend",o),v&&b.delegate(".thumb","touchend",o)),v&&s()}}),define("js/home/entry",["jquery","hammer","swiper","lazyload","index"],function(e,a,n){e("js/home/home"),e("js/home/maybe-like")}),define("js/home/home",["jquery","hammer","swiper","lazyload","index"],function(e,a,n){function t(){b.hasClass("menu-open")&&(b.removeClass("menu-open"),m(".overlay").hide(),m(".sub-nav").removeClass("show"),j.removeClass("on"),m("body").css({height:"auto",overflow:"auto"}))}function o(){k+=10,q.css({transform:"rotateX("+k+"deg)","-webkit-transform":"rotateX("+k+"deg)","-moz-transform":"rotateX("+k+"deg)"}),k/90%2===1&&(z?(q.addClass("animate"),z=!1):(q.removeClass("animate"),z=!0)),k/90%2===0&&k%360!==0?window.setTimeout(o,3e3):k%360===0?window.setTimeout(o,6e4):d(function(){o()})}var s,i,r,l,c,d,u,h,p,f,g,m=e("jquery"),v=e("hammer"),y=e("swiper"),w=e("lazyload"),b=m(".mobile-wrap"),C=m(".overlay"),j=m(".side-nav"),x=m(".sub-nav"),k=0,q=m(".home-header .logo"),z=!0;e("js/home/maybe-like"),w(m("img.lazy")),g=new v(m(".nav-btn")[0]),g.on("tap",function(e){return e.preventDefault(),b.addClass("menu-open"),C.show().css("opacity",.3),j.addClass("on"),m("body").css({height:m(window).height(),width:m(window).width(),overflow:"hidden"}),e.srcEvent.stopPropagation(),!1}),m(".overlay").on("touchstart",function(e){return t(),!1}),j.on("touchstart","li",function(e){return m(this).find(".sub-nav").size()>0&&(m(".sub-nav").removeClass("show"),m(this).find(".sub-nav").addClass("show")),e.stopPropagation(),e.target.pathname===location.pathname?(t(),!1):void 0}),x.each(function(){m(this).find("li").eq(0).on("touchstart",function(e){return m(".sub-nav").removeClass("show"),e.stopPropagation(),!1})}).on("touchstart",function(e){e.currentTarget!==e.target&&x.find("li").removeClass("current")}),j.children("ul").children("li").on("touchstart",function(){j.children("ul").children("li").css("background","#fff"),m(this).css("background","#eee")}).on("touchend touchcancel",function(){m(this).css("background","#fff")}),m(".banner-swiper").find("li").size()>1&&(s=new y(".banner-swiper",{lazyLoading:!0,lazyLoadingInPrevNext:!0,loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!1,paginationClickable:!0,slideElement:"li",pagination:".banner-top .pagination-inner"})),r=new y(".brands-swiper",{grabCursor:!0,slidesPerView:"auto",wrapperClass:"brands-list",slideElement:"li"}),i=new y(".recommend-swiper",{grabCursor:!0,slidesPerView:"auto",wrapperClass:"recommend-list",slideElement:"li"}),m(".trend-topic-swiper").find("li").size()>1&&(l=new y(".trend-topic-swiper",{loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!1,paginationClickable:!0,slideElement:"li",pagination:".trend-topic-content .pagination-inner"})),m(".category-swiper").each(function(e,a){p="category-swiper"+e,m(this).addClass(p),m("."+p).find(".swiper-slide").size()>1&&(c=new y("."+p,{loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!1,paginationClickable:!0,slideElement:"li",pagination:"."+p+" .pagination-inner"}))}),d=function(){var e=null,a=["webkit","moz","ms"];for(h=0;h<a.length;h++)u=a[h]+"RequestAnimationFrame",window[u]&&(f=!0,e=u);return f?function(a){window[e](a)}:function(e){window.setTimeout(e,67)}}(),setTimeout(o,3e3),m(".home-header .iconfont").on("touchstart",function(){m(this).addClass("highlight")}).on("touchend touchcancel",function(){m(this).removeClass("highlight")}),m("#yoho-footer").css({"margin-bottom":"2.5rem"}),a.set=function(e){window.setCookie("_Channel",e,{expires:365,domain:".m.yohobuy.com"})}}),define("js/home/maybe-like",["jquery","hammer","lazyload"],function(e,a,n){function t(){m||(m=!0,h.showLoadingMask(),c.ajax({type:"GET",url:i,data:{page:v+1},success:function(e){return" "===e?(m=!1,h.hideLoadingMask(),void(y&&(i="1,3"===y?"/boys/bottomBanner":"/girls/bottomBanner",c.ajax({type:"GET",url:i,success:function(e){e&&e.img&&(c("#load-more-img").show(),c("#load-more-img a").attr("href",e.url),c("#load-more-img a > img").attr("src",e.img))},error:function(){}})))):(s=g.find(".good-info").length,g.append(e),p(0===s?g.find(".good-info").find("img.lazy"):g.find(".good-info:gt("+(s-1)+")").find("img.lazy")),m=!1,h.hideLoadingMask(),void v++)},error:function(){u.show("网络断开连接了~"),m=!1,h.hideLoadingMask()}}))}var o,s,i,r,l,c=e("jquery"),d=e("hammer"),u=e("js/plugin/tip"),h=e("js/plugin/loading"),p=e("lazyload"),f=c(window).height(),g=c("#goods-list"),m=!1,v=0,y=null,w=c(".mobile-wrap").hasClass("kids-wrap")?!0:!1,b=c(".mobile-wrap").hasClass("lifestyle-wrap")?!0:!1,C=c("#maybe-like-nav");w?i="/product/recom/maylikekids":b?i="/product/recom/maylikelife":(y=c(".mobile-wrap").hasClass("boys-wrap")?"1,3":"2,3",i="/product/recom/maylike?gender="+y),r=C.children(".focus"),b&&(o=new d(C[0]),o.on("tap",function(e){var a,n=c(e.target).closest("li"),t=c(".goods-list");e.preventDefault(),n.hasClass("focus")||(l=n.index(),n.addClass("focus"),r.removeClass("focus"),t.not(".hide").addClass("hide"),a=t.eq(l),a.removeClass("hide"),r=n,c(document).trigger("scroll"),e.srcEvent.stopPropagation())})),h.init(c(".maybe-like")),c(".maybe-like p").on("touchstart",function(e){t()}),c(window).scroll(function(){c(window).scrollTop()+f>=c(document).height()&&t()})}),define("js/index/entry",["jquery","hammer"],function(e,a,n){e("js/index/search"),e("js/index/footer"),e("js/index/channel")}),define("js/index/search",["jquery","hammer"],function(e,a,n){var t,o,s=e("jquery"),i=e("hammer"),r=s("#search-input input"),l=s("#search-input .clear-input"),c=s(".search-icon"),d=s("#search-form"),u=s(".history"),h=s("#clear-history"),p=e("js/index/write-search"),f=p.getRanToken();t=new i(h[0]),t.on("tap",function(){localStorage.removeItem("historys"),u.html("")}),r.on("input",function(){""===r.val()?(c.css("color","#b2b2b2"),l.addClass("hide")):(c.css("color","#666"),l.removeClass("hide"))}),o=new i(l[0]),o.on("tap",function(){r.val("").trigger("input")}),s("#search").on("touchend",function(){return s(this).closest("form").submit(),!1}),function(){var e,a,n,t="";if(localStorage&&(a=localStorage.getItem("historys"),a&&a.length>0)){for(a=a.split(f),n=0;n<a.length;n++)e=a[n],""!==e&&(t+='<li><a href="/?query='+e+'">'+e+"</li>");u.html(t),h.removeClass("hide")}}(),p.bindWirteLocal(d)}),define("js/index/write-search",[],function(e,a,n){function t(){return s}function o(e){e.on("submit",function(){var e,a=this.query.value;if(localStorage){if(e=localStorage.getItem("historys"),e=e?e:"",e.indexOf(s+a+s)>-1)return;""===e&&(a=s+a),e+=a+s,localStorage.setItem("historys",e)}})}var s=" ??++ ";a.getRanToken=t,a.bindWirteLocal=o}),define("js/index/footer",["jquery","hammer"],function(e,a,n){function t(){var e="http://a.app.qq.com/o/simple.jsp?pkgname=com.yoho&g_f=995445",a=new Date;setTimeout(function(){new Date-a<2e3&&(window.location=e)},500)}var o,s=e("jquery"),i=e("hammer");e("js/common"),s("#float-layer-close").on("touchend",function(e){return s("#float-layer-app").hide(),window.setCookie("_float-layer-app","id490655927",{domain:".yohobuy.com"}),window.setCookie("_float-layer-app-close",1,{domain:".yohobuy.com",expires:1}),!1}),s("#float-layer-btn")&&s("#float-layer-btn")[0]&&(o=new i(s("#float-layer-btn")[0]),o.on("tap",function(e){t("bottom"),e.srcEvent.stopPropagation()}),window.cookie("_float-layer-app")?s("#float-layer-app").hide():s("#float-layer-app").show())}),define("js/index/channel",["jquery"],function(e,a,n){var t=e("jquery"),o=t(".search-box"),s=t(".box"),i=t(".index-search"),r=t(".index-logo"),l=t(".index-channel a"),c=o.children('input[type="text"]'),d=s.children(".no-search"),u=o.children(".search-icon");e("js/common"),c.on("focus",function(){s.addClass("action"),r.addClass("action")}).on("input",function(){""===c.val()?u.addClass("empty"):u.removeClass("empty")}),d.on("touchend",function(){return s.removeClass("action"),r.removeClass("action"),c.blur(),!1}),o.children(".clear-text").on("touchstart",function(){c.val("").focus().trigger("input")}),o.children(".search-icon").on("touchstart",function(){i.submit()}),t(".index-channel img").on("load error",function(){window.rePosFooter&&window.rePosFooter()}),l.on("touchstart",function(){l.css({background:"#000",color:"#fff",borderColor:"#fff"}),t(this).css({background:"rgba(255, 255, 255, 0.5)",color:"#000",borderColor:"#000"})}).on("touchend touchcancel",function(){t(this).css({background:"#000",color:"#fff",borderColor:"#fff"})})}),define("js/passport/entry",["jquery"],function(e,a,n){e("js/passport/register/register"),e("js/passport/register/code"),e("js/passport/register/password"),e("js/passport/login/login"),e("js/passport/login/international"),e("js/passport/back/mobile"),e("js/passport/back/code"),e("js/passport/back/email"),e("js/passport/back/email-success"),e("js/passport/back/new-password")}),define("js/passport/register/register",["jquery"],function(e,a,n){var t=e("jquery"),o=t("#phone-num"),s=t("#country-select"),i=t("#area-code"),r=t("#btn-next"),l=e("js/passport/api"),c=e("js/plugin/tip"),d=t.trim,u=c.show;l.selectCssHack(t("#country-select")),l.bindClearEvt(),o.bind("input",function(){""===d(o.val())?r.addClass("disable"):r.removeClass("disable")}),s.change(function(){i.text(s.val())}),r.on("touchstart",function(){var e=d(o.val()),a=s.val();r.hasClass("disable")||(l.phoneRegx[a].test(e)?t.ajax({url:"/passport/reg/verifymobile",type:"POST",data:{areaCode:a.replace("+",""),phoneNum:e},success:function(e){200===e.code?location.href=e.data:u(e.message)}}):u("手机号格式不正确，请重新输入"))})}),define("js/passport/api",["jquery"],function(e,a,n){function t(e){var a,n=r(".has-eye");e&&"open"===e.status?n.append('<div class="eye"></div>'):n.append('<div class="eye close"></div>'),a=n.children(".eye"),a.on("touchstart",function(e){var a=r(this),n=a.siblings(".pwd");e.preventDefault(),a.toggleClass("close"),a.hasClass("close")?n.attr("type","password"):n.attr("type","text"),n.focus()})}function o(){var e,a=r(".has-clear");a.append('<div class="clear-input"></div>'),e=a.children(".clear-input"),e.on("touchstart",function(a){var n=e.siblings(".input");n.val("").trigger("input").focus(),a.preventDefault()}),a.children(".input").bind("input",function(){var e=r(this),a=e.siblings(".clear-input"),n=l(e.val());""===n?a.hide():a.show()})}function s(e){return e.length>=6&&e.length<=20?!0:!1}function i(e){function a(){var a=e.find("option:selected").text().length;switch(a){case 2:e.outerWidth(90);break;case 3:e.outerWidth(110);break;default:e.outerWidth(130)}}var n=navigator.userAgent;n.match(/uc/i)&&n.match(/android/i)?e.change(function(){a()}):e.removeClass("in-android-uc")}var r=e("jquery"),l=r.trim,c=/^([a-zA-Z0-9]+[_|\_|\.|-]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.|-]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/,d={"+86":/^1[35847]{1}[0-9]{9}$/,"+852":/^[965]{1}[0-9]{7}$/,"+853":/^[0-9]{8}$/,"+886":/^[0-9]{10}$/,"+65":/^[98]{1}[0-9]{7}$/,"+60":/^1[1234679]{1}[0-9]{8}$/,"+1":/^[0-9]{10}$/,"+82":/^01[0-9]{9}$/,"+44":/^7[789][0-9]{8}$/,"+81":/^0[9|8|7][0-9]{9}$/,"+61":/^[0-9]{11}$/};n.exports={emailRegx:c,phoneRegx:d,bindEyesEvt:t,bindClearEvt:o,pwdValidate:s,selectCssHack:i}}),define("js/passport/register/code",["jquery"],function(e,a,n){e("js/passport/code")(!0)}),define("js/passport/code",["jquery"],function(e,a,n){var t=e("jquery");n.exports=function(a){function n(){var e,a=59;e=setInterval(function(){0===a?(i.text("重发验证码").removeClass("disable"),clearInterval(e)):i.text("重发验证码 ("+a--+"秒)")},1e3)}var o=t("#captcha"),s=t("#btn-next"),i=t("#captcha-tip"),r=t("#phone-num").val(),l=t("#area-code").val().replace("+",""),c=e("js/passport/api"),d=e("js/plugin/tip"),u=t.trim,h=d.show,p=a?"reg":"back";c.bindClearEvt(),o.bind("input",function(){""!==u(o.val())?s.removeClass("disable"):s.addClass("disable")}),i.on("touchstart",function(){i.hasClass("disable")||t.ajax({type:"POST",url:"/passport/"+p+"/sendcode",data:{phoneNum:r,areaCode:l},success:function(e){200===e.code?(i.text("重发验证码 (60秒)").addClass("disable"),n()):h(e.message)}})}),s.on("touchstart",function(){s.hasClass("disable")||t.ajax({type:"POST",url:"/passport/"+p+"/verifycode",data:{phoneNum:r,areaCode:l,code:u(o.val()),token:t("#token").val()},success:function(e){200===e.code?location.href=e.data:h(e.message)}})}),n()}}),define("js/passport/register/password",["jquery"],function(e,a,n){var t=e("jquery"),o=t("#pwd"),s=t("#btn-sure"),i=e("js/passport/api"),r=e("js/plugin/tip"),l=t.trim,c=r.show;i.bindEyesEvt({status:"open"}),o.bind("input",function(){""===l(o.val())?s.addClass("disable"):s.removeClass("disable")}),s.on("touchstart",function(){var e=l(o.val());s.hasClass("disable")||(i.pwdValidate(e)===!1?c("密码6-20位，请重新输入"):t.ajax({type:"POST",url:"/passport/reg/setpassword",data:{password:e,phoneNum:t("#phone-num").val(),areaCode:t("#area-code").val(),token:t("#token").val()},success:function(e){200===e.code?(c("注册成功"),setTimeout(function(){location.href=e.data},1e3)):c(e.message)}}))})}),define("js/passport/login/login",["jquery"],function(e,a,n){function t(){h&&p?c.removeClass("disable"):c.addClass("disable")}function o(){d.show(),u.show()}function s(){d.hide(),u.hide()}var i=e("jquery"),r=i("#account"),l=i("#pwd"),c=i("#btn-login"),d=i("#retrive-pwd-mask"),u=i("#retrive-pwd-ways"),h=!1,p=!1,f=e("js/passport/api"),g=e("js/plugin/tip"),m=i.trim,v=g.show;f.bindEyesEvt(),f.bindClearEvt(),r.bind("input",function(){h=""!==m(r.val())?!0:!1,t()}),l.bind("input",function(){p=""===m(l.val())?!1:!0,t()}),c.on("touchstart",function(){var e=m(r.val()),a=m(l.val());c.hasClass("disable")||((/^[0-9]+$/.test(e)||f.emailRegx.test(e))&&f.pwdValidate(a)?i.ajax({type:"POST",url:"/passport/login/auth",data:{account:e,password:a},success:function(e){200===e.code?(v("登录成功"),setTimeout(function(){location.href=e.data},1e3)):v(e.message)},error:function(){v("网络断开连接啦~")}}):v("账号或密码有错误，请重新输入"))}),i("#forget-pwd").on("touchstart",function(){o()}),d.on("touchstart",function(){s()}),i("#cancel-retrive").on("touchstart",function(e){e.preventDefault(),s()}),r.trigger("input"),l.trigger("input")}),define("js/passport/login/international",["jquery"],function(e,a,n){function t(){d&&u?c.removeClass("disable"):c.addClass("disable")}var o=e("jquery"),s=o("#phone-num"),i=o("#country-select"),r=o("#area-code"),l=o("#pwd"),c=o("#btn-login"),d=!1,u=!1,h=e("js/passport/api"),p=e("js/plugin/tip"),f=o.trim,g=p.show;h.selectCssHack(i),h.bindEyesEvt(),h.bindClearEvt(),s.bind("input",function(){d=""===f(s.val())?!1:!0,t()}),l.bind("input",function(){var e=f(l.val());u=""===e?!1:!0,t()}),i.change(function(){r.text(i.val())}),c.on("touchstart",function(){var e=f(s.val()),a=i.val(),n=f(l.val());c.hasClass("disable")||(h.phoneRegx[a].test(e)&&h.pwdValidate(n)?o.ajax({type:"POST",url:"/passport/login/auth",data:{areaCode:a.replace("+",""),account:e,password:n},success:function(e){200===e.code?(g("登录成功"),setTimeout(function(){location.href=e.data},1e3)):g(e.message)},error:function(){g("网络断开连接啦~")}}):g("账号或密码有错误，请重新输入"))}),s.trigger("input"),l.trigger("input")}),define("js/passport/back/mobile",["jquery"],function(e,a,n){var t=e("jquery"),o=t("#phone-num"),s=t("#country-select"),i=t("#area-code"),r=t("#btn-next"),l=e("js/passport/api"),c=e("js/plugin/tip"),d=t.trim,u=c.show;l.selectCssHack(t("#country-select")),l.bindClearEvt(),o.bind("input",function(){""===d(o.val())?r.addClass("disable"):r.removeClass("disable");
}),s.change(function(){i.text(s.val())}),r.on("touchstart",function(){var e=d(o.val()),a=s.val();r.hasClass("disable")||(l.phoneRegx[a].test(e)?t.ajax({url:"/passport/back/sendcode",type:"POST",data:{areaCode:a.replace("+",""),phoneNum:e},success:function(e){200===e.code?location.href=e.data:u(e.message)}}):u("手机号格式不正确，请重新输入"))})}),define("js/passport/back/code",["jquery"],function(e,a,n){e("js/passport/code")(!1)}),define("js/passport/back/email",["jquery"],function(e,a,n){var t=e("jquery"),o=t("#email"),s=t("#btn-sure"),i=e("js/passport/api"),r=e("js/plugin/tip"),l=t.trim,c=r.show;i.bindClearEvt(),o.bind("input",function(){""===l(o.val())?s.addClass("disable"):s.removeClass("disable")}),s.on("touchstart",function(){var e=l(o.val());s.hasClass("disable")||(i.emailRegx.test(e)?t.ajax({url:"/passport/back/sendemail",type:"POST",data:{email:e},success:function(e){200===e.code?location.href=e.data:c(e.message)}}):c("邮箱格式不正确，请重新输入"))})}),define("js/passport/back/email-success",["jquery"],function(e,a,n){var t=e("jquery"),o=t("#resend"),s=e("js/plugin/tip"),i=s.show;o.on("touchstart",function(e){e.preventDefault(),t.ajax({url:o.data("url"),type:"GET",success:function(e){i(200===e.code?e.message:e.message)}})})}),define("js/passport/back/new-password",["jquery"],function(e,a,n){var t=e("jquery"),o=t("#pwd"),s=t("#btn-ok"),i=e("js/passport/api"),r=e("js/plugin/tip"),l=t.trim,c=r.show,d=t("#phone-num");i.bindEyesEvt({status:"open"}),o.bind("input",function(){""===l(o.val())?s.addClass("disable"):s.removeClass("disable")}),s.on("touchstart",function(){var e,a,n=l(o.val()),r=!0;s.hasClass("disable")||(e={password:n},0===d.length&&(r=!1),r?(t.extend(e,{phoneNum:d.val(),areaCode:t("#areaCode").val(),token:t("#token").val()}),a="/passport/back/passwordByMobile"):(t.extend(e,{code:t("#email-code").val()}),a="/passport/back/passwordByEmail"),i.pwdValidate(n)?t.ajax({type:"POST",url:a,data:e,success:function(e){200===e.code?(c("密码修改成功"),setTimeout(function(){location.href=e.data},1e3)):c(e.message)}}):c("密码6-20位，请重新输入"))})}),define("js/product/entry",["jquery","swiper","lazyload","hammer","index"],function(e,a,n){e("js/product/newsale/newarrival"),e("js/product/newsale/discount"),e("js/product/list"),e("js/product/detail/detail")}),define("js/product/newsale/newarrival",["jquery","swiper","lazyload","index"],function(e,a,n){function t(e){var a,n,t,o,d,p,g={};if(!l){if(e){for(n in q)q.hasOwnProperty(n)&&(q[n].reload=!0);switch(k.children(".active").removeClass("active"),z.addClass("active"),e.type){case"gender":a={gender:e.id};break;case"brand":a={brand:e.id};break;case"sort":a={sort:e.id};break;case"color":a={color:e.id};break;case"size":a={size:e.id};break;case"price":a={price:e.id};break;case"discount":a={discount:e.id};break;case"limit":a={limit:e.id};break;case"channel":a={channel:e.id};break;case"p_d":a={p_d:e.id}}c.extend(w,a)}if(z.hasClass("today")?(o="today",d=1):z.hasClass("week")?(o="week",d=2):z.hasClass("sale")&&(o="sale",d=3),t=q[o],p=t.page+1,t.reload)p=1;else if(t.end)return;c.extend(g,w,{dayLimit:d,page:p}),l=!0,f.showLoadingMask(),c.ajax({type:"GET",url:"/product/newsale/selectNewSale",data:g,success:function(e){var a,n;switch(o){case"today":a=s;break;case"week":a=i;break;case"sale":a=r}" "===e?(t.end=!0,t.reload&&a.html(y)):t.reload?(a.html(e),u(a.find(".lazy"))):(n=a.find(".good-info").length,a.append(e),u(a.find(".good-info:gt("+(n-1)+") .lazy"))),t.reload=!1,t.page=p,l=!1,f.hideLoadingMask(),window.rePosFooter()},error:function(){h.show("网络断开连接了~"),l=!1,f.hideLoadingMask()}})}}var o,s,i,r,l,c=e("jquery"),d=e("swiper"),u=e("lazyload"),h=e("js/plugin/tip"),p=e("js/plugin/filter"),f=e("js/plugin/loading"),g=c("#goods-container"),m=g.children(),s=c(m.get(0)),i=c(m.get(1)).addClass("hide"),r=c(m.get(2)).addClass("hide"),v=c(window).height(),y='<p class="no-result">未找到相关搜索结果</p>',w={gender:c("#gender").val(),brand:c("#brand").val(),sort:c("#sort").val(),msort:c("#msort").val(),misort:c("#misort").val(),color:c("#color").val(),size:c("#size").val(),price:c("#price").val(),discount:c("#discount").val(),limit:c("#limit").val(),channel:c("#channel").val(),p_d:c("#p_d").val(),dayLimit:1,style:c("#style").val()},b=c.extend({},w),C=new Date,j=C.getMonth()+1,x=C.getDate(),k=c("#list-nav"),q={today:{reload:!0,page:0,end:!1},week:{reload:!0,page:0,end:!1},sale:{reload:!0,page:0,end:!1}},z=k.find(".active");e("js/product/suspend-cart"),c("#today a").text(j+"月"+x+"号"),c(".swiper-container .swiper-slide").length>1&&(o=new d(".swiper-container",{lazyLoading:!0,lazyLoadingInPrevNext:!0,loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!0,paginationClickable:!0,pagination:".banner-top .pagination-inner"})),c.ajax({type:"GET",url:"/product/newsale/filter",data:w,success:function(e){g.append(e),p.initFilter({fCbFn:t,hCbFn:function(){z.addClass("active"),z.siblings(".filter").removeClass("active")}})}}),u(c(".lazy")),k.bind("contextmenu",function(e){return!1}),k.on("touchend touchcancel",function(e){var a,n,o,l=c(e.target).closest("li");if(e.preventDefault(),l.hasClass("filter"))l.hasClass("active")?(p.hideFilter(),z.addClass("active"),l.removeClass("active")):(z=l.siblings(".active"),z.removeClass("active"),l.addClass("active"),p.showFilter());else{if(l.hasClass("today")?n="today":l.hasClass("week")?n="week":l.hasClass("sale")&&(n="sale"),a=q[n],!l.hasClass("active")){if(o=l.siblings(".active"),z=l,o.hasClass("filter"))p.hideFilter();else{switch(g.children(".container:not(.hide)").addClass("hide"),n){case"today":s.removeClass("hide");break;case"week":i.removeClass("hide");break;case"sale":r.removeClass("hide")}p.resetFilter(),w=c.extend({},b)}o.removeClass("active"),l.addClass("active")}a.reload&&t()}e.stopPropagation()}),c(window).scroll(function(){c(window).scrollTop()+v>c(document).height()-.25*g.height()-50&&void 0!==z&&t()}),t(),k.on("touchstart","li",function(e){c(this).addClass("bytouch")}).on("touchend touchcancel",function(){k.find("li").removeClass("bytouch")})}),define("js/plugin/filter",["jquery"],function(e,a,n){function t(){h.addClass("hide")}function o(){h.removeClass("hide")}function s(){var e=m(".filter-body .classify");e.on("touchstart",".shower",function(){e.removeClass("highlight"),m(this).addClass("highlight")}).on("touchend touchcancel",".shower",function(){m(this).removeClass("highlight")})}function i(){var e=m(".filter-body .sub-item");e.on("touchstart",function(){e.removeClass("highlight"),m(this).addClass("highlight")}).on("touchend touchcancel",function(){m(this).removeClass("highlight")})}function r(e){e.hasClass("active")||(e.siblings(".active").removeClass("active"),e.addClass("active"))}function l(e){var a,n,t=e.closest(".sub-classify"),o=t.siblings(".shower");return e.hasClass("chosed")?t:(t.children(".chosed").removeClass("chosed"),e.addClass("chosed"),a=m.trim(e.html()),n=m.trim(o.html()),o.html(n.substring(0,n.indexOf("</span>")+7)+a.substring(0,a.indexOf("<i"))),0===e.index()?o.addClass("default"):o.removeClass("default"),t)}function c(e){var a,n=e.data("id");a=l(e),p&&p({type:a.data("type"),id:n}),t()}function d(e){p=e.fCbFn,f=e.hCbFn,g=e.missStatus,s(),i(),h=m(".filter-mask"),h.on("touchend",function(e){var a,n=m(e.target);e.preventDefault(),n.closest(".filter-body").length>0?(a=n.closest(".sub-item"),a.length>0?(a=n.closest("li"),c(a)):(a=n.closest(".classify-item"),e.stopPropagation(),r(a))):(t(),f&&f())})}function u(){"undefined"!=typeof h&&(m(".sub-classify").each(function(){l(m(this).children(":first-child"))}),r(m(".classify > :first-child")))}var h,p,f,g,m=e("jquery");a.initFilter=d,a.showFilter=o,a.hideFilter=t,a.resetFilter=u}),define("js/product/suspend-cart",["jquery"],function(e,a,n){var t=e("jquery"),o=t("#suspend-cart");t.ajax({type:"GET",url:"/cart/index/count",success:function(e){200===e.code&&o.find(".cart-count").html(e.data.cart_goods_count).removeClass("hide")}})}),define("js/product/newsale/discount",["jquery","swiper","lazyload","index"],function(e,a,n){function t(e){var a,n,t,o,r,d={};if(!s){if(e){for(n in C)C.hasOwnProperty(n)&&(C[n].reload=!0);switch(b.children(".active").removeClass("active"),j.addClass("active"),e.type){case"gender":a={gender:e.id};break;case"brand":a={brand:e.id};break;case"sort":a={sort:e.id};break;case"color":a={color:e.id};break;case"size":a={size:e.id};break;case"price":a={price:e.id};break;case"discount":a={discount:e.id}}i.extend(w,a)}if(j.hasClass("new")?o="newest":j.hasClass("price")?o="price":j.hasClass("discount")&&(o="discount"),t=C[o],r=t.page+1,t.reload)r=1;else if(t.end)return;i.extend(d,w,{type:o,order:t.order,page:r}),s=!0,u.showLoadingMask(),i.ajax({type:"GET",url:"/product/newsale/selectNewSale",data:d,success:function(e){var a,n;switch(o){case"newest":a=f;break;case"price":a=g;break;case"discount":a=m}" "===e?(t.end=!0,t.reload&&a.html(y)):t.reload?(a.html(e),l(a.find(".lazy"))):(n=a.find(".good-info").length,a.append(e),l(a.find(".good-info:gt("+(n-1)+") .lazy"))),t.reload=!1,t.page=r,s=!1,u.hideLoadingMask(),window.rePosFooter()},error:function(){c.show("网络断开连接了~"),s=!1,u.hideLoadingMask()}})}}var o,s,i=e("jquery"),r=e("swiper"),l=e("lazyload"),c=e("js/plugin/tip"),d=e("js/plugin/filter"),u=e("js/plugin/loading"),h=i("#goods-container"),p=h.children(),f=i(p.get(0)),g=i(p.get(1)),m=i(p.get(2)),v=i(window).height(),y='<p class="no-result">未找到相关搜索结果</p>',w={gender:i("#gender").val(),brand:i("#brand").val(),sort:i("#sort").val(),msort:i("#msort").val(),misort:i("#misort").val(),color:i("#color").val(),size:i("#size").val(),price:i("#price").val(),discount:i("#discount").val(),style:i("#style").val()},b=i("#list-nav"),C={newest:{order:1,reload:!0,page:0,end:!1},price:{order:0,reload:!0,page:0,end:!1},discount:{order:0,reload:!0,page:0,end:!1}},j=b.find(".active");e("js/product/suspend-cart"),i(".swiper-container .swiper-slide").length>1&&(o=new r(".swiper-container",{lazyLoading:!0,lazyLoadingInPrevNext:!0,loop:!0,autoplay:3e3,autoplayDisableOnInteraction:!0,paginationClickable:!0,pagination:".banner-top .pagination-inner"})),i.ajax({type:"GET",url:"/product/newsale/filter",data:w,success:function(e){h.append(e),d.initFilter({fCbFn:t,hCbFn:function(){j.addClass("active"),j.siblings(".filter").removeClass("active")},missStatus:!0})}}),l(i(".lazy")),b.bind("contextmenu",function(e){return!1}),b.on("touchend touchcancel",function(e){var a,n,o,s=i(e.target).closest("li");if(e.preventDefault(),"undefined"!=typeof s&&0!==s.length){if(s.hasClass("filter"))s.hasClass("active")?(d.hideFilter(),j.addClass("active"),s.removeClass("active")):(j=s.siblings(".active"),j.removeClass("active"),s.addClass("active"),d.showFilter());else{if(s.hasClass("new")?n="newest":s.hasClass("price")?n="price":s.hasClass("discount")&&(n="discount"),a=C[n],s.hasClass("active")){if(s.hasClass("new"))return;(s.hasClass("price")||s.hasClass("discount"))&&(s.find(".icon > .iconfont").toggleClass("cur"),j=s,a.reload=!0,a.order=0===a.order?1:0)}else{if(o=s.siblings(".active"),j=s,o.hasClass("filter"))d.hideFilter();else switch(h.children(".container:not(.hide)").addClass("hide"),n){case"newest":f.removeClass("hide");break;case"price":g.removeClass("hide");break;case"discount":m.removeClass("hide")}o.removeClass("active"),s.addClass("active")}a.reload&&t()}e.stopPropagation()}}),i(window).scroll(function(){i(window).scrollTop()+v>i(document).height()-.25*h.height()-50&&void 0!==j&&t()}),t(),b.on("touchstart","li",function(e){i(this).addClass("bytouch")}).on("touchend touchcancel",function(){b.find("li").removeClass("bytouch")})}),define("js/product/list",["jquery","hammer","lazyload"],function(e,a,n){function t(e){var a,n,t,s,i,r={};if(!o){if(e){for(n in T)T.hasOwnProperty(n)&&(T[n].reload=!0);switch(z.children(".active").removeClass("active"),E.addClass("active"),e.type){case"gender":a={gender:e.id};break;case"brand":a={brand:e.id};break;case"sort":a={sort:e.id};break;case"color":a={color:e.id};break;case"size":a={size:e.id};break;case"price":a={price:e.id};break;case"discount":a={discount:e.id}}l.extend(q,a)}if(E.hasClass("new")?s="newest":E.hasClass("price")?s="price":E.hasClass("discount")&&(s="discount"),t=T[s],i=t.page+1,t.reload)i=1;else if(t.end)return;l.extend(r,q,{type:s,order:t.order,page:i}),o=!0,m.showLoadingMask(),l.ajax({type:"GET",url:"/index/search/search",data:r,success:function(e){var a,n,r='<p class="no-result">未找到相关搜索结果</p>';switch(s){case"newest":n=y;break;case"price":n=w;break;case"discount":n=b}" "===e?(t.end=!0,t.reload&&n.html(r)):t.reload?(n.html(e),d(n.find(".lazy"))):(a=n.find(".good-info").length,n.append(e),d(n.find(".good-info:gt("+(a-1)+") .lazy"))),t.reload=!1,t.page=i,o=!1,m.hideLoadingMask(),window.rePosFooter()}})}}var o,s,i,r,l=e("jquery"),c=e("hammer"),d=e("lazyload"),u=l("#brand-header"),h=l("#intro-box"),p=e("js/plugin/filter"),f=e("js/index/write-search"),g=e("js/plugin/tip"),m=e("js/plugin/loading"),v=l("#goods-container"),y=v.children(".new-goods"),w=v.children(".price-goods"),b=v.children(".discount-goods"),C=l(window).height(),j=l("#search-input input"),x=l(".search-icon"),k=l("#search-input .clear-input"),q={gender:l("#gender").val(),brand:l("#brand").val(),sort:l("#sort").val(),msort:l("#msort").val(),misort:l("#misort").val(),color:l("#color").val(),size:l("#size").val(),price:l("#price").val(),discount:l("#discount").val(),query:l("#query").val(),style:l("#style").val()},z=l("#list-nav"),T={newest:{order:1,reload:!0,page:0,end:!1},price:{order:0,reload:!0,page:0,end:!1},discount:{order:0,reload:!0,page:0,end:!1}},E=z.find(".active");j.on("input",function(){""===j.val()?(x.css("color","#b2b2b2"),k.addClass("hide")):(x.css("color","#666"),k.removeClass("hide"))}),k.on("touchend",function(){j.val("").trigger("input")}),l("#search").on("touchend",function(){return l(this).closest("form").submit(),!1}),e("js/product/suspend-cart"),l.ajax({type:"GET",url:"/search/filter",data:q,success:function(e){v.append(e),p.initFilter({fCbFn:t,hCbFn:function(){E.addClass("active"),E.siblings(".filter").removeClass("active")}})}}),d(l(".lazy")),f.bindWirteLocal(l("#search-form")),z.bind("contextmenu",function(e){return!1}),z.on("touchend touchcancel",function(e){var a,n,o,s=l(e.target).closest("li");if(s.hasClass("filter"))s.hasClass("active")?(p.hideFilter(),E.addClass("active"),s.removeClass("active")):(E=s.siblings(".active"),E.removeClass("active"),s.addClass("active"),p.showFilter());else{if(s.hasClass("new")?n="newest":s.hasClass("price")?n="price":s.hasClass("discount")&&(n="discount"),a=T[n],s.hasClass("active")){if(s.hasClass("new"))return;(s.hasClass("price")||s.hasClass("discount"))&&(s.find(".icon > .iconfont").toggleClass("cur"),E=s,a.reload=!0,a.order=0===a.order?1:0)}else{if(o=s.siblings(".active"),E=s,o.hasClass("filter"))p.hideFilter();else switch(v.children(".container:not(.hide)").addClass("hide"),n){case"newest":y.removeClass("hide");break;case"price":w.removeClass("hide");break;case"discount":b.removeClass("hide")}o.removeClass("active"),s.addClass("active")}a.reload&&t()}}),l(window).scroll(function(){l(window).scrollTop()+C>l(document).height()-.25*v.height()&&t()}),u.length>0&&(s=new c(u.children(".btn-intro")[0]),s.on("tap",function(){h.removeClass("hide"),l("body").addClass("overflow-hidden")}),i=new c(document.getElementById("intro-box")),i.on("tap",function(e){var a=l(e.target);e.srcEvent.preventDefault(),(0===a.closest("#brand-intro").length||a.hasClass("close-intro"))&&(h.addClass("hide"),l("body").removeClass("overflow-hidden"))}),r=new c(u.children(".btn-col")[0]),r.on("tap",function(){var e,a=l(this),n=u.data("id");e=a.hasClass("coled")?"cancel":"ok",l.ajax({type:"POST",url:"/product/opt/favoriteBrand",data:{id:n,opt:e},success:function(e){200===e.code?a.toggleClass("coled"):400===e.code?location.href=e.data:g.show(e.message)},error:function(){g.show("网络断开连接了~")}})})),t(),z.on("touchstart","li",function(){z.find("li").removeClass("bytouch"),l(this).addClass("bytouch")}).on("touchend touchcancel","li",function(){z.find("li").removeClass("bytouch")})}),define("js/product/detail/detail",["jquery","swiper","lazyload","index"],function(e,a,n){var t,o=e("jquery"),s=e("swiper"),i=e("lazyload");i(o("img.lazy")),t=new s(".banner-swiper",{lazyLoading:!0,lazyLoadingInPrevNext:!0,loop:!0,paginationClickable:!0,pagination:".swiper-pagination",nextButton:".swiper-button-next",prevButton:".swiper-button-prev"})});
\ No newline at end of file
... ...
This diff could not be displayed because it is too large.
... ... @@ -177,6 +177,48 @@ $header.on('touchstart', 'a', function() {
$(this).removeClass('highlight');
});
(function() {
var lastTime = 0,
prefixes = 'webkit moz ms o'.split(' '),
requestAnimationFrame = window.requestAnimationFrame,
cancelAnimationFrame = window.cancelAnimationFrame,
prefix,
i;
//通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
for (i = 0; i < prefixes.length; i++) {
if (requestAnimationFrame && cancelAnimationFrame) {
break;
}
prefix = prefixes[i];
requestAnimationFrame = requestAnimationFrame || window[prefix + 'RequestAnimationFrame'];
cancelAnimationFrame = cancelAnimationFrame || window[prefix + 'CancelAnimationFrame'] ||
window[prefix + 'CancelRequestAnimationFrame'];
}
//如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame，则会退到setTimeout
if (!requestAnimationFrame || !cancelAnimationFrame) {
requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
//为了使setTimteout的尽可能的接近每秒60帧的效果
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = window.setTimeout(function() {
callback(currTime + timeToCall);
}, timeToCall);
lastTime = currTime + timeToCall;
return id;
};
cancelAnimationFrame = function(id) {
window.clearTimeout(id);
};
}
window.requestAnimationFrame = requestAnimationFrame;
window.cancelAnimationFrame = cancelAnimationFrame;
}());
//暴露公共接口
window.cookie = cookie;
... ... @@ -202,15 +244,14 @@ define("js/category/entry", ["jquery","hammer","swiper","lazyload","index"], fun
require("js/category/index");
require("js/category/brand");
});
define("js/category/index", ["jquery","hammer"], function(require, exports, module){
define("js/category/index", ["jquery"], function(require, exports, module){
/**
* 分类
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/10/14
*/
var $ = require("jquery"),
Hammer = require("hammer");
var $ = require("jquery");
var $nav = $('.category-nav'),
$categoryContainer = $('.category-container'),
... ... @@ -220,9 +261,6 @@ var $nav = $('.category-nav'),
var $curContent = $contents.not('.hide');
var navHammer;
//初始化container高度
(function() {
var $header = $('.yoho-header'),
... ... @@ -238,9 +276,14 @@ var navHammer;
$('#search-input').focus(function() {
$(this).blur();
});
$nav.bind('contextmenu', function(e) {
return false;
});
$('.category-container').bind('contextmenu', function(e) {
return false;
});
navHammer = new Hammer($nav[0]);
navHammer.on('tap', function(e) {
$nav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
index = $this.index();
... ... @@ -277,7 +320,7 @@ $categoryContainer.on('touchend', function(e) {
}
});
$categoryContainer.find('.primary-level').on('touchstart', 'li', function() {
$categoryContainer.find('.primary-level').on('touchstart touchend touchcancel', 'li', function() {
$primaryItem.removeClass('highlight');
$(this).addClass('highlight');
}).on('touchend touchcancel', 'li', function() {
... ... @@ -291,6 +334,13 @@ $categoryContainer.find('.sub-level').on('touchstart', 'li', function() {
$(this).removeClass('highlight');
});
$nav.on('touchstart', 'li', function() {
$nav.find('li').removeClass('bytouch');
$(this).addClass('bytouch');
}).on('touchend touchcancel', 'li', function() {
$nav.find('li').removeClass('bytouch');
});
});
define("js/category/brand", ["jquery","hammer","swiper","lazyload","index"], function(require, exports, module){
/**
... ... @@ -455,7 +505,7 @@ if ($('.brand-search-page').length) {
}
});
define("js/guang/entry", ["jquery","hammer","lazyload","swiper","mlellipsis","iscroll-probe","index"], function(require, exports, module){
define("js/guang/entry", ["jquery","lazyload","swiper","hammer","mlellipsis","iscroll-probe","index"], function(require, exports, module){
/**
* 逛打包入口
* @author: xuqi<qi.xu@yoho.cn>
... ... @@ -469,7 +519,7 @@ require("js/guang/home");
require("js/guang/list");
require("js/guang/detail");
});
define("js/guang/plus-star/list", ["jquery","hammer","lazyload","swiper","index"], function(require, exports, module){
define("js/guang/plus-star/list", ["jquery","lazyload","swiper","index"], function(require, exports, module){
/**
* PLUS+STAR列表页
* @author: xuqi<qi.xu@yoho.cn>
... ... @@ -477,14 +527,13 @@ define("js/guang/plus-star/list", ["jquery","hammer","lazyload","swiper","index"
*/
var $ = require("jquery"),
Hammer = require("hammer"),
lazyLoad = require("lazyload"),
Swiper = require("swiper");
var $navs = $('#nav-tab > li'),
$contents = $('#ps-content > .content');
var mySwiper, navHammer;
var mySwiper;
lazyLoad($('img.lazy'));
... ... @@ -492,9 +541,10 @@ mySwiper = new Swiper('.swiper-container', {
lazyLoading: true,
pagination: '.swiper-pagination'
});
navHammer = new Hammer(document.getElementById('nav-tab'));
navHammer.on('tap', function(e) {
$('#nav-tab').bind('contextmenu', function(e) {
return false;
});
$('#nav-tab').on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li');
if ($this.hasClass('focus')) {
... ... @@ -506,6 +556,13 @@ navHammer.on('tap', function(e) {
$(document).trigger('scroll'); //Trigger lazyLoad
});
$('#nav-tab').on('touchstart', function(e) {
var target = e.target || e.srcElement;
target.className = 'bytouch ' + target.className;
}).on('touchend touchcancel', function() {
$navs.removeClass('bytouch');
});
});
define("js/guang/plus-star/detail", ["jquery","hammer","mlellipsis","lazyload"], function(require, exports, module){
/**
... ... @@ -682,11 +739,12 @@ function initInfosEvt($container) {
$btn,
$info;
e.preventDefault();
//e.preventDefault();
//点赞
$btn = $this.closest('.like-btn');
if ($btn.length > 0) {
e.preventDefault();
if ($btn.hasClass('like')) {
opt = 'cancel';
}
... ... @@ -719,6 +777,7 @@ function initInfosEvt($container) {
//APP收藏
$btn = $this.closest('.collect-btn');
if ($btn.length > 0) {
e.preventDefault();
if ($btn.hasClass('collected')) {
opt = 'cancel';
}
... ... @@ -1011,7 +1070,7 @@ module.exports = function() {
});
};
});
define("js/guang/home", ["jquery","hammer","swiper","mlellipsis","lazyload","index"], function(require, exports, module){
define("js/guang/home", ["jquery","swiper","hammer","mlellipsis","lazyload","index"], function(require, exports, module){
/**
* 逛首页
* @author: xuqi<qi.xu@yoho.cn>
... ... @@ -1019,7 +1078,6 @@ define("js/guang/home", ["jquery","hammer","swiper","mlellipsis","lazyload","ind
*/
var $ = require("jquery"),
Hammer = require("hammer"),
Swiper = require("swiper");
var info = require("js/guang/info"),
... ... @@ -1039,7 +1097,7 @@ var $infoList = $('#info-list'),
var state = {};
var mySwiper, navHammer;
var mySwiper;
if ($loadMoreInfo.length > 0) {
$loading = $loadMoreInfo.children('.loading');
... ... @@ -1070,9 +1128,11 @@ info.initInfosEvt($infoList);
};
});
}());
$nav.bind('contextmenu', function(e) {
return false;
});
$nav.on('touchend touchcancel', function(e) {
navHammer = new Hammer($nav[0]);
navHammer.on('tap', function(e) {
var $this = $(e.target).closest('.guang-nav-item'),
$content,
index;
... ... @@ -1127,6 +1187,14 @@ $(document).scroll(function() {
loadMore($c, state[curType]);
}
});
$nav.on('touchstart', function(e) {
var target = e.target || e.srcElement;
target.className = 'bytouch ' + target.className;
}).on('touchend touchcancel', function() {
$nav.find('li').removeClass('bytouch');
});
});
define("js/guang/list", ["jquery","hammer","mlellipsis","lazyload"], function(require, exports, module){
/**
... ... @@ -1654,7 +1722,7 @@ function tsAnimate() {
setTimeout(tsAnimate, 3000);
$('.home-header .search-btn').on('touchstart', function() {
$('.home-header .iconfont').on('touchstart', function() {
$(this).addClass('highlight');
}).on('touchend touchcancel', function() {
$(this).removeClass('highlight');
... ... @@ -2964,7 +3032,7 @@ $btnOk.on('touchstart', function() {
}
});
});
define("js/product/entry", ["jquery","swiper","hammer","lazyload","handlebars","source-map","index"], function(require, exports, module){
define("js/product/entry", ["jquery","swiper","lazyload","hammer","index"], function(require, exports, module){
/**
* 产品打包入口
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
... ... @@ -2977,7 +3045,7 @@ require("js/product/list");
require("js/product/detail/detail");
require("js/product/detail/desc");
});
define("js/product/newsale/newarrival", ["jquery","swiper","hammer","lazyload","index"], function(require, exports, module){
define("js/product/newsale/newarrival", ["jquery","swiper","lazyload","index"], function(require, exports, module){
/**
* 新品到着
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
... ... @@ -2986,7 +3054,6 @@ define("js/product/newsale/newarrival", ["jquery","swiper","hammer","lazyload","
var $ = require("jquery"),
Swiper = require("swiper"),
Hammer = require("hammer"),
lazyLoad = require("lazyload");
var swiper,
... ... @@ -3008,22 +3075,7 @@ var winH = $(window).height(),
noResult = '<p class="no-result">未找到相关搜索结果</p>';
//默认筛选条件
var defaultOpt = {
gender: $('#gender').val(),
brand: $('#brand').val(),
sort: $('#sort').val(),
msort: $('#msort').val(),
misort: $('#misort').val(),
color: $('#color').val(),
size: $('#size').val(),
price: $('#price').val(),
discount: $('#discount').val(),
limit: $('#limit').val(),
channel: $('#channel').val(),
p_d: $('#p_d').val(),
dayLimit: 1,
style: $('#style').val()
};
var defaultOpt = require("js/product/extract-url");
var storeOpt = $.extend({}, defaultOpt); //存储默认筛选条件以便重置
... ... @@ -3052,7 +3104,6 @@ var $listNav = $('#list-nav'),
}
},
$pre = $listNav.find('.active'), //纪录进入筛选前的active项，初始为选中项
navHammer,
searching;
require("js/product/suspend-cart"); //悬浮购物车
... ... @@ -3265,14 +3316,18 @@ $.ajax({
});
lazyLoad($('.lazy'));
$listNav.bind('contextmenu', function(e) {
return false;
});
//导航栏点击逻辑说明：
//1.点击非active项时切换active状态
//2.价格和折扣active状态时继续点击切换排序
//3.筛选无active时点击展开筛选面板
//4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
//5.当前active为筛选并且点击其他项时，隐藏筛选面板
navHammer = new Hammer($listNav[0]);
navHammer.on('tap', function(e) {
// navHammer = new Hammer($listNav[0]);
$listNav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
nav,
navType,
... ... @@ -3349,7 +3404,7 @@ navHammer.on('tap', function(e) {
search();
}
}
e.srcEvent.stopPropagation();
e.stopPropagation();
});
$(window).scroll(function() {
... ... @@ -3366,8 +3421,14 @@ $(window).scroll(function() {
//初始请求最新第一页数据
search();
$listNav.on('touchstart', 'li', function(e) {
$(this).addClass('bytouch');
}).on('touchend touchcancel', function() {
$listNav.find('li').removeClass('bytouch');
});
});
define("js/plugin/filter", ["jquery","hammer"], function(require, exports, module){
define("js/plugin/filter", ["jquery"], function(require, exports, module){
/**
* 筛选JS
* 暴露三个接口：注册回调、显示filter、隐藏filter
... ... @@ -3375,8 +3436,9 @@ define("js/plugin/filter", ["jquery","hammer"], function(require, exports, modul
* @date: 2015/10/19
*/
var $ = require("jquery"),
Hammer = require("hammer");
var $ = require("jquery");
// Hammer = require('yoho.hammer');
var $filter;
... ... @@ -3394,6 +3456,18 @@ function showFilter() {
$filter.removeClass('hide');
}
// 一级菜单点击时背景高亮
function highlightMainItem() {
var $mainItem = $('.filter-body .classify');
$mainItem.on('touchstart', '.shower', function() {
$mainItem.removeClass('highlight');
$(this).addClass('highlight');
}).on('touchend touchcancel', '.shower', function() {
$(this).removeClass('highlight');
});
}
// 子菜单点击时背景高亮
function highlightSubItem() {
var $subItem = $('.filter-body .sub-item');
... ... @@ -3470,19 +3544,22 @@ function subClassifyTapEvt($this) {
//初始化筛选
function initFilter(opt) {
var filterHammer;
// var filterHammer;
//注册回调
fCbFn = opt.fCbFn;
hCbFn = opt.hCbFn;
missStatus = opt.missStatus;
highlightMainItem();
highlightSubItem();
$filter = $('.filter-mask');
filterHammer = new Hammer($filter[0]);
filterHammer.on('tap', function(e) {
// filterHammer = new Hammer($filter[0]);
$filter.on('touchend', function(e) {
var $this = $(e.target),
$cur;
... ... @@ -3501,7 +3578,7 @@ function initFilter(opt) {
//tap classify
$cur = $this.closest('.classify-item');
e.srcEvent.stopPropagation();
e.stopPropagation();
classifyTapEvt($cur);
}
... ... @@ -3539,6 +3616,79 @@ exports.hideFilter = hideFilter;
exports.resetFilter = resetFilter;
});
define("js/product/extract-url", [], function(require, exports, module){
/**
* 提取URL中的参数
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/11/19
*/
var opt = {};
var paramStr = window.location.search.split('?')[1];
var keyVal = paramStr.split('&');
var i, key, val;
for (i = keyVal.length; i > 0; i--) {
key = keyVal[i - 1].split('=');
val = key[1];
key = key[0];
//初始化默认参数
switch (key) {
case 'gender':
opt.gender = val;
break;
case 'brand':
opt.brand = val;
break;
case 'sort':
opt.sort = val;
break;
case 'msort':
opt.msort = val;
break;
case 'misort':
opt.misort = val;
break;
case 'color':
opt.color = val;
break;
case 'size':
opt.size = val;
break;
case 'price':
opt.price = val;
break;
case 'discount':
opt.discount = val;
break;
case 'query':
opt.query = val;
break;
case 'style':
opt.style = val;
break;
case 'limit':
opt.limit = val;
break;
case 'channel':
opt.channel = val;
break;
case 'p_d':
opt.p_d = val;
break;
case 'dayLimit':
opt.dayLimit = val;
break;
}
}
module.exports = opt;
});
define("js/product/suspend-cart", ["jquery"], function(require, exports, module){
/**
* 悬浮购物车
... ... @@ -3560,7 +3710,7 @@ $.ajax({
}
});
});
define("js/product/newsale/discount", ["jquery","swiper","hammer","lazyload","index"], function(require, exports, module){
define("js/product/newsale/discount", ["jquery","swiper","lazyload","index"], function(require, exports, module){
/**
* 商品列表页
* @author: xuqi<qi.xu@yoho.cn>
... ... @@ -3569,7 +3719,6 @@ define("js/product/newsale/discount", ["jquery","swiper","hammer","lazyload","in
var $ = require("jquery"),
Swiper = require("swiper"),
Hammer = require("hammer"),
lazyLoad = require("lazyload");
var swiper;
... ... @@ -3588,18 +3737,7 @@ var winH = $(window).height(),
noResult = '<p class="no-result">未找到相关搜索结果</p>';
//默认筛选条件
var defaultOpt = {
gender: $('#gender').val(),
brand: $('#brand').val(),
sort: $('#sort').val(),
msort: $('#msort').val(),
misort: $('#misort').val(),
color: $('#color').val(),
size: $('#size').val(),
price: $('#price').val(),
discount: $('#discount').val(),
style: $('#style').val()
};
var defaultOpt = require("js/product/extract-url");
var $listNav = $('#list-nav'),
... ... @@ -3625,7 +3763,6 @@ var $listNav = $('#list-nav'),
}
},
$pre = $listNav.find('.active'), //纪录进入筛选前的active项，初始为选中项
navHammer,
searching;
require("js/product/suspend-cart"); //悬浮购物车
... ... @@ -3826,8 +3963,11 @@ lazyLoad($('.lazy'));
//3.筛选无active时点击展开筛选面板
//4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
//5.当前active为筛选并且点击其他项时，隐藏筛选面板
navHammer = new Hammer($listNav[0]);
navHammer.on('tap', function(e) {
$listNav.bind('contextmenu', function(e) {
return false;
});
$listNav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
nav,
navType,
... ... @@ -3920,7 +4060,8 @@ navHammer.on('tap', function(e) {
search();
}
}
e.srcEvent.stopPropagation();
e.stopPropagation();
});
$(window).scroll(function() {
... ... @@ -3937,6 +4078,12 @@ $(window).scroll(function() {
//初始请求最新第一页数据
search();
$listNav.on('touchstart', 'li', function(e) {
$(this).addClass('bytouch');
}).on('touchend touchcancel', function() {
$listNav.find('li').removeClass('bytouch');
});
});
define("js/product/list", ["jquery","hammer","lazyload"], function(require, exports, module){
/**
... ... @@ -3972,19 +4119,7 @@ var $input = $('#search-input input'),
$clear = $('#search-input .clear-input');
//默认筛选条件
var defaultOpt = {
gender: $('#gender').val(),
brand: $('#brand').val(),
sort: $('#sort').val(),
msort: $('#msort').val(),
misort: $('#misort').val(),
color: $('#color').val(),
size: $('#size').val(),
price: $('#price').val(),
discount: $('#discount').val(),
query: $('#query').val(),
style: $('#style').val()
};
var defaultOpt = require("js/product/extract-url");
var $listNav = $('#list-nav'),
... ... @@ -4011,7 +4146,6 @@ var $listNav = $('#list-nav'),
},
$pre = $listNav.find('.active'), //纪录进入筛选前的active项，初始为选中项
searching,
navHammer,
btnIntroHammer,
introHammer,
brandColHammer;
... ... @@ -4222,8 +4356,12 @@ writeSearch.bindWirteLocal($('#search-form'));
//3.筛选无active时点击展开筛选面板
//4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
//5.当前active为筛选并且点击其他项时，隐藏筛选面板
navHammer = new Hammer($listNav[0]);
navHammer.on('tap', function(e) {
$listNav.bind('contextmenu', function(e) {
return false;
});
$listNav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
nav,
navType,
... ... @@ -4385,8 +4523,16 @@ if ($brandHeader.length > 0) {
//初始请求最新第一页数据
search();
$listNav.on('touchstart', 'li', function() {
$listNav.find('li').removeClass('bytouch');
$(this).addClass('bytouch');
}).on('touchend touchcancel', 'li', function() {
$listNav.find('li').removeClass('bytouch');
});
define("js/product/detail/detail", ["jquery","swiper","lazyload","handlebars","source-map","index"], function(require, exports, module){
});
define("js/product/detail/detail", ["jquery","swiper","lazyload","index"], function(require, exports, module){
/**
* 商品详情
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
... ... @@ -4394,16 +4540,14 @@ define("js/product/detail/detail", ["jquery","swiper","lazyload","handlebars","s
*/
var $ = require("jquery"),
Swiper = require("swiper"),
lazyLoad = require("lazyload"),
Handlebars = require("handlebars");
lazyLoad = require("lazyload");
var goodsSwiper,
// winH = $(window).height(),
sizeSwiper,
refSwiper,
handleHelper;
refSwiper;
require("js/product/detail/desc");
require("js/product/detail/comments-consults");
lazyLoad($('img.lazy'));
... ... @@ -4413,26 +4557,31 @@ goodsSwiper = new Swiper('.banner-swiper', {
loop: true,
paginationClickable: true,
pagination: '.banner-top .pagination-inner',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev'
nextButton: '.my-swiper-button-next',
prevButton: '.my-swiper-button-prev'
});
$('#nav-tab li').on('click', function() {
var index = $(this).index();
if (!$(this).hasClass('focus')) {
(function() {
$('#nav-tab li').each(function() {
$(this).removeClass('focus');
});
$('#feedback-content .content').each(function() {
$(this).addClass('hide');
});
//初始化goods-discount
if (0 === $('.goods-discount .discount-folder').children().length) {
$('.goods-discount .discount-folder').css('display', 'none');
$('.goods-discount .first-item span').html('');
}
})();
$(this).addClass('focus');
$('#feedback-content .content:eq(' + index + ')').removeClass('hide');
$('.goodsDiscount .dropdown').on('click', function() {
if ($('.goodsDiscount .discount-folder').is(':hidden')) {
$('.goodsDiscount .first-item span').removeClass('icon-down');
$('.goodsDiscount .first-item span').addClass('icon-up');
$('.goodsDiscount .first-item span').html('&#xe608;');
$('.goodsDiscount .discount-folder').slideDown();
} else {
$('.goodsDiscount .first-item span').removeClass('icon-up');
$('.goodsDiscount .first-item span').addClass('icon-down');
$('.goodsDiscount .first-item span').html('&#xe609;');
$('.goodsDiscount .discount-folder').slideUp();
}
});
... ... @@ -4445,26 +4594,119 @@ refSwiper = new Swiper('#reference-swiper-container',{
});
handleHelper = Handlebars.registerHelper('addOne', function(index) {
return index + 1;
});
//srcoll to load more
// $(window).scroll(function () {
// if ($(window).scrollTop() + winH >= $(document).height() - 50) {
// }
// });
});
define("js/product/detail/desc", [], function(require, exports, module){
define("js/product/detail/desc", ["jquery","lazyload"], function(require, exports, module){
/**
* 商品详情
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/11/18
*/
var $ = require("jquery"),
lazyLoad = require("lazyload");
var loading = require("js/plugin/loading"),
tip = require("js/plugin/tip");
var introUrl = $('#introUrl').val(),
winH = $(window).height(),
$productDesc,
searching = false,
end = false;
function search() {
if (searching || end) {
return;
}
searching = true;
loading.showLoadingMask();
$.ajax({
type: 'GET',
url: introUrl,
success: function(data) {
$productDesc = $('#productDesc');
$productDesc.append(data);
lazyLoad($productDesc.find('img.lazy'));
searching = false;
end = true;
loading.hideLoadingMask();
},
error: function() {
tip.show('网络断开连接了~');
searching = false;
loading.hideLoadingMask();
}
});
}
function scrollHandler() {
if (!end || $(window).scrollTop() + winH >= $(document).height() - 50) {
search();
}
}
//srcoll to load more
$(window).scroll(function() {
window.requestAnimationFrame(scrollHandler);
});
define("js/me/entry", ["jquery","hammer","lazyload","swiper","index"], function(require, exports, module){
});
define("js/product/detail/comments-consults", ["jquery"], function(require, exports, module){
var $ = require("jquery");
var commentsNum;
(function() {
var consultsNum = $('#nav-tab .consults-num').html() - 0;
commentsNum = $('#nav-tab .comments-num').html() - 0;
$('#nav-tab li').each(function() {
$(this).removeClass('focus');
});
$('#feedback-content .content').each(function() {
$(this).addClass('hide');
});
if (0 !== commentsNum) {
$('#nav-tab .comment-nav').addClass('focus');
$('#feedback-content .comment-content').removeClass('hide');
} else if (0 !== consultsNum) {
$('#nav-tab .consult-nav').addClass('focus');
$('#feedback-content .consult-content').removeClass('hide');
}
})();
$('#nav-tab li').on('click', function() {
var index = $(this).index();
if ($(this).hasClass('comment-nav') && 0 === commentsNum) {
alert('暂无商品评价');
} else {
if (!$(this).hasClass('focus')) {
$('#nav-tab li').each(function() {
$(this).removeClass('focus');
});
$('#feedback-content .content').each(function() {
$(this).addClass('hide');
});
$(this).addClass('focus');
$('#feedback-content .content:eq(' + index + ')').removeClass('hide');
}
}
});
});
define("js/me/entry", ["jquery","hammer","lazyload","swiper","handlebars","source-map","index"], function(require, exports, module){
/**
* 个人中心js打包入口文件
* @author: xuqi<qi.xu@yoho.cn>
... ... @@ -4693,7 +4935,7 @@ optHammer.on('tap', function(e) {
}
});
});
define("js/me/fav", ["jquery","hammer","swiper","index"], function(require, exports, module){
define("js/me/fav", ["jquery","hammer","swiper","handlebars","source-map","index"], function(require, exports, module){
/**
* 个人中心--收藏
* @author: chenglong<chenglong.wang@yoho.cn>
... ... @@ -4704,32 +4946,24 @@ var $ = require("jquery"),
Hammer = require("hammer"),
Swiper = require("swiper");
var diaLog = require("js/me/dialog");
var $navLi = $('#fav-tab > li'),
$favContainer = $('.fav-content'),
$curContainer = $favContainer.children('.fav-type').first(),
$favContainer = $('.fav-content > .fav-type'),
$swiperList = $('.swiper-container'),
swiperObj = {},
favTabHammer,
favContentHammer;
favTabHammer = new Hammer(document.getElementById('fav-tab'));
favTabHammer.on('tap', function(e) {
var $cur = $(e.target).closest('li'),
index,
id,
i;
if ($cur.length === 0 || $cur.hasClass('active')) {
return;
}
index = $cur.index();
function showFavTab(index) {
var i,
id;
$navLi.filter('.active').removeClass('active');
$cur.addClass('active');
$navLi.eq(index).addClass('active');
$curContainer.addClass('hide');
$curContainer = $favContainer.children(':eq(' + index + ')').removeClass('hide');
$favContainer.filter('.show').removeClass('show');
$favContainer.eq(index).addClass('show');
if (index === 1) {
... ... @@ -4747,16 +4981,46 @@ favTabHammer.on('tap', function(e) {
}
}
}
// 如果从品牌收藏入口进入
if ($('#fav-tab').hasClass('brand-tab')) {
showFavTab(1);
} else {
showFavTab(0);
}
favTabHammer = new Hammer(document.getElementById('fav-tab'));
favTabHammer.on('tap', function(e) {
var $cur = $(e.target).closest('li'),
index;
if ($cur.length === 0 || $cur.hasClass('active')) {
return;
}
index = $cur.index();
showFavTab(index);
});
//删除收藏的商品
favContentHammer = new Hammer(document.getElementById('fav-content'));
favContentHammer.on('tap', function (e) {
favContentHammer.on('tap', function(e) {
var id = '';
if (!$(e.target).hasClass('del-fav')) {
return;
}
if ($(e.target).hasClass('del-fav')) {
diaLog.showDialog({
dialogText: '您确定要取消收藏吗？',
hasFooter: {
leftBtnText: '取消',
rightBtnText: '确定'
}
}, function() {
id = $(e.target).closest('li').attr('data-id');
$.ajax({
method: 'post',
... ... @@ -4764,27 +5028,133 @@ favContentHammer.on('tap', function (e) {
data: {
id: id
}
}).then(function (data) {
}).then(function(data) {
if (data.code === 200) {
diaLog.showDialog({
autoHide: true,
fast: true,
dialogText: '已经取消收藏'
});
$(e.target).closest('li').remove();
} else if (data.code === 400) {
diaLog.showDialog({
autoHide: true,
fast: true,
dialogText: data.message
});
} else {
diaLog.showDialog({
autoHide: true,
fast: true,
dialogText: '取消收藏失败'
});
}
}).fail(function () {
}).fail(function() {
//TODO
});
}
});
});
});
define("js/me/index", ["swiper","index"], function(require, exports, module){
define("js/me/dialog", ["jquery","handlebars","source-map","hammer"], function(require, exports, module){
/*
* @Description: dialog
* @Time: 2015/11/18
* @author: chenglong.wang
*/
var $ = require("jquery"),
Handlebars = require("handlebars"),
Hammer = require("hammer");
var dialogTpl,
dialogTemplate;
dialogTpl = '<div id="dialog-wrapper" class="dialog-wrapper">' +
'<div class="dialog-box">' +
'{{# hasHeader}}' +
'{{/ hasHeader}}' +
'<div class="dialog-content">{{dialogText}}</div>' +
'{{# hasFooter}}' +
'<div class="dialog-footer">' +
'{{# leftBtnText}}' +
'<span class="dialog-left-btn">{{.}}</span>' +
'{{/ leftBtnText}}' +
'{{# rightBtnText}}' +
'<span class="dialog-right-btn">{{.}}</span>' +
'{{/ rightBtnText}}' +
'</div>' +
'{{/ hasFooter}}' +
'</div>' +
'</div>';
dialogTemplate = Handlebars.compile(dialogTpl);
exports.showDialog = function(data, callback) {
var dialogStr = dialogTemplate(data),
$dialogBox,
$dialogWrapper,
dialogWrapperHammer;
$('.dialog-wrapper').remove();
$('body').append($(dialogStr));
$dialogBox = $('.dialog-box');
$dialogWrapper = $('.dialog-wrapper');
dialogWrapperHammer = new Hammer(document.getElementById('dialog-wrapper'));
// 显示
if (data.fast) {
$dialogWrapper.css({
display: 'block'
});
} else {
$dialogWrapper.fadeIn();
}
$dialogBox.css({
top: '50%',
marginTop: -($dialogBox.height() / 2)
});
//隐藏
if (data.autoHide) {
setTimeout(function() {
$dialogWrapper.fadeOut();
}, 1000);
}
dialogWrapperHammer.on('tap', function(event) {
if ($(event.target).hasClass('dialog-left-btn')) {
$dialogWrapper.fadeOut();
} else if ($(event.target).hasClass('dialog-right-btn')) {
callback();
}
});
};
});
define("js/me/index", ["jquery","swiper","index"], function(require, exports, module){
/**
* 个人中心首页
* @author: bikai<kai.bi@yoho.cn>
* @date: 2015/11/12
*/
var $ = require("jquery");
var $userAvatar = $('.user-avatar');
var myImage = new Image();
require("js/product/recommend-for-you");
myImage.src = $userAvatar.attr('src');
myImage.onerror = function() {
$userAvatar.attr('src', 'http://static.dev.yohobuy.com/img/me/index/user-avatar.png');
};
});
define("js/product/recommend-for-you", ["swiper","index"], function(require, exports, module){
/**
... ... @@ -4798,11 +5168,12 @@ var Swiper = require("swiper");
var recommendSwiper;
recommendSwiper = new Swiper('.swiper-recommend', {
// lazyLoading: true,
// lazyLoadingInPrevNext: true,
slidesPerView: 'auto'
recommendSwiper = new Swiper('#swiper-recommend', {
slidesPerView: 'auto',
grabCursor: true,
slideElement: 'li',
lazyLoading: true,
watchSlidesVisibility: true
});
});
define("js/me/coupons", ["jquery","hammer"], function(require, exports, module){
... ...
This diff could not be displayed because it is too large.
... ... @@ -4,8 +4,7 @@
* @date: 2015/10/14
*/
var $ = require('jquery'),
Hammer = require('yoho.hammer');
var $ = require('jquery');
var $nav = $('.category-nav'),
$categoryContainer = $('.category-container'),
... ... @@ -15,9 +14,6 @@ var $nav = $('.category-nav'),
var $curContent = $contents.not('.hide');
var navHammer;
//初始化container高度
(function() {
var $header = $('.yoho-header'),
... ... @@ -33,9 +29,14 @@ var navHammer;
$('#search-input').focus(function() {
$(this).blur();
});
$nav.bind('contextmenu', function(e) {
return false;
});
$('.category-container').bind('contextmenu', function(e) {
return false;
});
navHammer = new Hammer($nav[0]);
navHammer.on('tap', function(e) {
$nav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
index = $this.index();
... ... @@ -72,7 +73,7 @@ $categoryContainer.on('touchend', function(e) {
}
});
$categoryContainer.find('.primary-level').on('touchstart', 'li', function() {
$categoryContainer.find('.primary-level').on('touchstart touchend touchcancel', 'li', function() {
$primaryItem.removeClass('highlight');
$(this).addClass('highlight');
}).on('touchend touchcancel', 'li', function() {
... ... @@ -85,3 +86,10 @@ $categoryContainer.find('.sub-level').on('touchstart', 'li', function() {
}).on('touchend touchcancel', 'li', function() {
$(this).removeClass('highlight');
});
$nav.on('touchstart', 'li', function() {
$nav.find('li').removeClass('bytouch');
$(this).addClass('bytouch');
}).on('touchend touchcancel', 'li', function() {
$nav.find('li').removeClass('bytouch');
});
... ...
... ... @@ -160,6 +160,48 @@ $header.on('touchstart', 'a', function() {
$(this).removeClass('highlight');
});
(function() {
var lastTime = 0,
prefixes = 'webkit moz ms o'.split(' '),
requestAnimationFrame = window.requestAnimationFrame,
cancelAnimationFrame = window.cancelAnimationFrame,
prefix,
i;
//通过遍历各浏览器前缀，来得到requestAnimationFrame和cancelAnimationFrame在当前浏览器的实现形式
for (i = 0; i < prefixes.length; i++) {
if (requestAnimationFrame && cancelAnimationFrame) {
break;
}
prefix = prefixes[i];
requestAnimationFrame = requestAnimationFrame || window[prefix + 'RequestAnimationFrame'];
cancelAnimationFrame = cancelAnimationFrame || window[prefix + 'CancelAnimationFrame'] ||
window[prefix + 'CancelRequestAnimationFrame'];
}
//如果当前浏览器不支持requestAnimationFrame和cancelAnimationFrame，则会退到setTimeout
if (!requestAnimationFrame || !cancelAnimationFrame) {
requestAnimationFrame = function(callback, element) {
var currTime = new Date().getTime();
//为了使setTimteout的尽可能的接近每秒60帧的效果
var timeToCall = Math.max(0, 16 - (currTime - lastTime));
var id = window.setTimeout(function() {
callback(currTime + timeToCall);
}, timeToCall);
lastTime = currTime + timeToCall;
return id;
};
cancelAnimationFrame = function(id) {
window.clearTimeout(id);
};
}
window.requestAnimationFrame = requestAnimationFrame;
window.cancelAnimationFrame = cancelAnimationFrame;
}());
//暴露公共接口
window.cookie = cookie;
... ...
... ... @@ -5,7 +5,6 @@
*/
var $ = require('jquery'),
Hammer = require('yoho.hammer'),
Swiper = require('yoho.iswiper');
var info = require('./info'),
... ... @@ -25,7 +24,7 @@ var $infoList = $('#info-list'),
var state = {};
var mySwiper, navHammer;
var mySwiper;
if ($loadMoreInfo.length > 0) {
$loading = $loadMoreInfo.children('.loading');
... ... @@ -56,9 +55,11 @@ info.initInfosEvt($infoList);
};
});
}());
$nav.bind('contextmenu', function(e) {
return false;
});
$nav.on('touchend touchcancel', function(e) {
navHammer = new Hammer($nav[0]);
navHammer.on('tap', function(e) {
var $this = $(e.target).closest('.guang-nav-item'),
$content,
index;
... ... @@ -112,4 +113,12 @@ $(document).scroll(function() {
if ($(window).scrollTop() + winH >= $(document).height() - 0.25 * $c.height()) {
loadMore($c, state[curType]);
}
});
$nav.on('touchstart', function(e) {
var target = e.target || e.srcElement;
target.className = 'bytouch ' + target.className;
}).on('touchend touchcancel', function() {
$nav.find('li').removeClass('bytouch');
});
\ No newline at end of file
... ...
... ... @@ -62,11 +62,12 @@ function initInfosEvt($container) {
$btn,
$info;
e.preventDefault();
//e.preventDefault();
//点赞
$btn = $this.closest('.like-btn');
if ($btn.length > 0) {
e.preventDefault();
if ($btn.hasClass('like')) {
opt = 'cancel';
}
... ... @@ -99,6 +100,7 @@ function initInfosEvt($container) {
//APP收藏
$btn = $this.closest('.collect-btn');
if ($btn.length > 0) {
e.preventDefault();
if ($btn.hasClass('collected')) {
opt = 'cancel';
}
... ...
... ... @@ -5,14 +5,13 @@
*/
var $ = require('jquery'),
Hammer = require('yoho.hammer'),
lazyLoad = require('yoho.lazyload'),
Swiper = require('yoho.iswiper');
var $navs = $('#nav-tab > li'),
$contents = $('#ps-content > .content');
var mySwiper, navHammer;
var mySwiper;
lazyLoad($('img.lazy'));
... ... @@ -20,9 +19,10 @@ mySwiper = new Swiper('.swiper-container', {
lazyLoading: true,
pagination: '.swiper-pagination'
});
navHammer = new Hammer(document.getElementById('nav-tab'));
navHammer.on('tap', function(e) {
$('#nav-tab').bind('contextmenu', function(e) {
return false;
});
$('#nav-tab').on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li');
if ($this.hasClass('focus')) {
... ... @@ -33,4 +33,11 @@ navHammer.on('tap', function(e) {
$contents.toggleClass('hide');
$(document).trigger('scroll'); //Trigger lazyLoad
});
$('#nav-tab').on('touchstart', function(e) {
var target = e.target || e.srcElement;
target.className = 'bytouch ' + target.className;
}).on('touchend touchcancel', function() {
$navs.removeClass('bytouch');
});
\ No newline at end of file
... ...
... ... @@ -214,7 +214,7 @@ function tsAnimate() {
setTimeout(tsAnimate, 3000);
$('.home-header .search-btn').on('touchstart', function() {
$('.home-header .iconfont').on('touchstart', function() {
$(this).addClass('highlight');
}).on('touchend touchcancel', function() {
$(this).removeClass('highlight');
... ...
... ... @@ -15,7 +15,9 @@ var $action = $('.action'),
$addressListPage = $('.my-address-list-page'),
$area = $('.area'),
$footer = $('#yoho-footer'),
$confim = $('.confim-mask'),
isSubmiting,
deleteId,
newArea = [];
function editAddress(data) {
... ... @@ -32,9 +34,32 @@ function editAddress(data) {
// $addressForm.find('[name="consignee"]').focus();
}
function deleteAddress(data) {
}
$confim.on('touchend', '.cancel', function() {
deleteId = null;
$confim.hide();
}).on('touchend', '.confim', function() {
$.ajax({
method: 'POST',
url: '/home/deladdress',
data: {
id: deleteId
}
}).then(function(res) {
if ($.type(res) !== 'object') {
res = {};
}
if (res.code !== 200) {
tip.show(res.message || '网络出了点问题~');
} else {
window.location.reload();
}
}).fail(function() {
tip.show('网络出了点问题~');
}).always(function() {
deleteId = null;
$confim.hide();
});
});
// 添加地址
$addAddress.on('touchend', function() {
... ... @@ -45,7 +70,8 @@ $addAddress.on('touchend', function() {
$action.on('touchend', '.edit', function() {
editAddress($(this).data());
}).on('touchend', '.del', function() {
deleteAddress();
deleteId = $(this).data('id');
$confim.show();
});
$submit.on('touchend', function() {
... ... @@ -57,6 +83,28 @@ $addressForm.on('submit', function() {
if (isSubmiting) {
return false;
}
// 简单的表单校验
if (!$(this).find('[name="consignee"]').val()) {
tip.show('收件人不能为空');
$(this).find('[name="consignee"]').focus();
return false;
}
if (!$(this).find('[name="mobile"]').val()) {
tip.show('手机号不能为空');
$(this).find('[name="mobile"]').focus();
return false;
}
if (!$(this).find('[name="area_code"]').val() || !$(this).find('[name="area"]').val()) {
tip.show('省市区不能为空');
return false;
}
if (!$(this).find('[name="address"]').val()) {
tip.show('地址不能为空');
$(this).find('[name="address"]').focus();
return false;
}
isSubmiting = true;
$.ajax({
method: 'POST',
... ...
/*
* @Description: dialog
* @Time: 2015/11/18
* @author: chenglong.wang
*/
var $ = require('jquery'),
Handlebars = require('yoho.handlebars'),
Hammer = require('yoho.hammer');
var dialogTpl,
dialogTemplate;
dialogTpl = '<div id="dialog-wrapper" class="dialog-wrapper">' +
'<div class="dialog-box">' +
'{{# hasHeader}}' +
'{{/ hasHeader}}' +
'<div class="dialog-content">{{dialogText}}</div>' +
'{{# hasFooter}}' +
'<div class="dialog-footer">' +
'{{# leftBtnText}}' +
'<span class="dialog-left-btn">{{.}}</span>' +
'{{/ leftBtnText}}' +
'{{# rightBtnText}}' +
'<span class="dialog-right-btn">{{.}}</span>' +
'{{/ rightBtnText}}' +
'</div>' +
'{{/ hasFooter}}' +
'</div>' +
'</div>';
dialogTemplate = Handlebars.compile(dialogTpl);
exports.showDialog = function(data, callback) {
var dialogStr = dialogTemplate(data),
$dialogBox,
$dialogWrapper,
dialogWrapperHammer;
$('.dialog-wrapper').remove();
$('body').append($(dialogStr));
$dialogBox = $('.dialog-box');
$dialogWrapper = $('.dialog-wrapper');
dialogWrapperHammer = new Hammer(document.getElementById('dialog-wrapper'));
// 显示
if (data.fast) {
$dialogWrapper.css({
display: 'block'
});
} else {
$dialogWrapper.fadeIn();
}
$dialogBox.css({
top: '50%',
marginTop: -($dialogBox.height() / 2)
});
//隐藏
if (data.autoHide) {
setTimeout(function() {
$dialogWrapper.fadeOut();
}, 1000);
}
dialogWrapperHammer.on('tap', function(event) {
if ($(event.target).hasClass('dialog-left-btn')) {
$dialogWrapper.fadeOut();
} else if ($(event.target).hasClass('dialog-right-btn')) {
callback();
}
});
};
\ No newline at end of file
... ...
... ... @@ -8,32 +8,24 @@ var $ = require('jquery'),
Hammer = require('yoho.hammer'),
Swiper = require('yoho.iswiper');
var diaLog = require('./dialog');
var $navLi = $('#fav-tab > li'),
$favContainer = $('.fav-content'),
$curContainer = $favContainer.children('.fav-type').first(),
$favContainer = $('.fav-content > .fav-type'),
$swiperList = $('.swiper-container'),
swiperObj = {},
favTabHammer,
favContentHammer;
favTabHammer = new Hammer(document.getElementById('fav-tab'));
favTabHammer.on('tap', function(e) {
var $cur = $(e.target).closest('li'),
index,
id,
i;
if ($cur.length === 0 || $cur.hasClass('active')) {
return;
}
index = $cur.index();
function showFavTab(index) {
var i,
id;
$navLi.filter('.active').removeClass('active');
$cur.addClass('active');
$navLi.eq(index).addClass('active');
$curContainer.addClass('hide');
$curContainer = $favContainer.children(':eq(' + index + ')').removeClass('hide');
$favContainer.filter('.show').removeClass('show');
$favContainer.eq(index).addClass('show');
if (index === 1) {
... ... @@ -51,16 +43,46 @@ favTabHammer.on('tap', function(e) {
}
}
}
// 如果从品牌收藏入口进入
if ($('#fav-tab').hasClass('brand-tab')) {
showFavTab(1);
} else {
showFavTab(0);
}
favTabHammer = new Hammer(document.getElementById('fav-tab'));
favTabHammer.on('tap', function(e) {
var $cur = $(e.target).closest('li'),
index;
if ($cur.length === 0 || $cur.hasClass('active')) {
return;
}
index = $cur.index();
showFavTab(index);
});
//删除收藏的商品
favContentHammer = new Hammer(document.getElementById('fav-content'));
favContentHammer.on('tap', function (e) {
favContentHammer.on('tap', function(e) {
var id = '';
if (!$(e.target).hasClass('del-fav')) {
return;
}
if ($(e.target).hasClass('del-fav')) {
diaLog.showDialog({
dialogText: '您确定要取消收藏吗？',
hasFooter: {
leftBtnText: '取消',
rightBtnText: '确定'
}
}, function() {
id = $(e.target).closest('li').attr('data-id');
$.ajax({
method: 'post',
... ... @@ -68,15 +90,31 @@ favContentHammer.on('tap', function (e) {
data: {
id: id
}
}).then(function (data) {
}).then(function(data) {
if (data.code === 200) {
diaLog.showDialog({
autoHide: true,
fast: true,
dialogText: '已经取消收藏'
});
$(e.target).closest('li').remove();
} else if (data.code === 400) {
diaLog.showDialog({
autoHide: true,
fast: true,
dialogText: data.message
});
} else {
diaLog.showDialog({
autoHide: true,
fast: true,
dialogText: '取消收藏失败'
});
}
}).fail(function () {
}).fail(function() {
//TODO
});
}
});
});
\ No newline at end of file
... ...
... ... @@ -3,5 +3,12 @@
* @author: bikai<kai.bi@yoho.cn>
* @date: 2015/11/12
*/
var $ = require('jquery');
var $userAvatar = $('.user-avatar');
var myImage = new Image();
require('../product/recommend-for-you.js');
\ No newline at end of file
require('../product/recommend-for-you.js');
myImage.src = $userAvatar.attr('src');
myImage.onerror = function() {
$userAvatar.attr('src', 'http://static.dev.yohobuy.com/img/me/index/user-avatar.png');
};
... ...
/**
* 个人信息
* @author: bikai<kai.bi@yoho.cn>
* @date: 2015/11/19
*/
var $ = require('jquery');
var $userAvatar = $('.user-avatar');
var myImage = new Image();
myImage.src = $userAvatar.attr('src');
myImage.onerror = function() {
$userAvatar.attr('src', 'http://static.dev.yohobuy.com/img/me/index/user-avatar.png');
};
... ...
... ... @@ -9,13 +9,23 @@ var $ = require('jquery'),
Hammer = require('yoho.hammer'),
Handlebars = require('yoho.handlebars');
var diaLog = require('./dialog');
var $uploadImgList = $('.upload-img-list'),
headerNavHammer,
imgTpl,
template;
imgTemplate,
$likeBtn = $('.suggest-item .like-btn'),
$disLikeBtn = $('.suggest-item .dislike-btn');
require('./jquery.uploadifive');
imgTpl = '{{# imgList}}' +
'<li><img src="{{imgUrl}}" /></li>' +
'{{/ imgList}}';
imgTemplate = Handlebars.compile(imgTpl);
$('#upload-img').uploadifive({
auto: true,
fileType: 'image*/*',
... ... @@ -24,25 +34,19 @@ $('#upload-img').uploadifive({
fileSizeLimit: 1024,
height: '100%',
width: '100%',
onAddQueueItem: function (files) {
onAddQueueItem: function(files) {
//TODO
},
onUploadComplete: function (file, data) {
$uploadImgList.html(template(data));
onUploadComplete: function(file, data) {
$uploadImgList.html(imgTemplate(JSON.parse(data)));
}
});
imgTpl = '{{# imgList}}' +
'<li><img src="{{imgUrl}}" /></li>' +
'{{/ imgList}}';
template = Handlebars.compile(imgTpl);
headerNavHammer = new Hammer(document.getElementById('yoho-header'));
headerNavHammer.on('tap', function (e) {
headerNavHammer.on('tap', function(e) {
var suggestText = $('#suggest-textarea').val();
... ... @@ -54,12 +58,65 @@ headerNavHammer.on('tap', function (e) {
data: {
content: suggestText
}
}).then(function (data) {
//TODO
}).fail(function () {
}).then(function(data) {
if (data.code === 200) {
diaLog.showDialog({
autoHide: true,
dialogText: '提交成功'
});
}
}).fail(function() {
//TODO
});
}
});
// 点赞与取消点赞
// suggestContentHammer = new Hammer(document.getElementById('suggest-content'));
$likeBtn.bind('click', function() {
var id = $(this).closest('.suggest-item').attr('data-id'),
$that = $(this);
$.ajax({
method: 'post',
url: '/home/upAndDown',
data: {
suggest_id: id
}
}).then(function(data) {
if (data.code === 200) {
if ($that.hasClass('active')) {
$that.closest('.suggest-type').removeClass('active')
.prev('.suggest-type').addClass('active');
} else {
$that.closest('.suggest-type').addClass('active')
.next('.suggest-type').removeClass('active');
}
}
}).fail(function(data) {
//TODO
});
});
$disLikeBtn.bind('click', function() {
var id = $(this).closest('.suggest-item').attr('data-id'),
$that = $(this);
$.ajax({
method: 'post',
url: '/home/upAndDown',
data: {
suggest_id: id
}
}).then(function(data) {
if (data.code === 200) {
$that.toggleClass('active');
}
}).fail(function(data) {
//TODO
});
});
\ No newline at end of file
... ...
... ... @@ -5,8 +5,9 @@
* @date: 2015/10/19
*/
var $ = require('jquery'),
Hammer = require('yoho.hammer');
var $ = require('jquery');
// Hammer = require('yoho.hammer');
var $filter;
... ... @@ -24,6 +25,18 @@ function showFilter() {
$filter.removeClass('hide');
}
// 一级菜单点击时背景高亮
function highlightMainItem() {
var $mainItem = $('.filter-body .classify');
$mainItem.on('touchstart', '.shower', function() {
$mainItem.removeClass('highlight');
$(this).addClass('highlight');
}).on('touchend touchcancel', '.shower', function() {
$(this).removeClass('highlight');
});
}
// 子菜单点击时背景高亮
function highlightSubItem() {
var $subItem = $('.filter-body .sub-item');
... ... @@ -100,19 +113,22 @@ function subClassifyTapEvt($this) {
//初始化筛选
function initFilter(opt) {
var filterHammer;
// var filterHammer;
//注册回调
fCbFn = opt.fCbFn;
hCbFn = opt.hCbFn;
missStatus = opt.missStatus;
highlightMainItem();
highlightSubItem();
$filter = $('.filter-mask');
filterHammer = new Hammer($filter[0]);
filterHammer.on('tap', function(e) {
// filterHammer = new Hammer($filter[0]);
$filter.on('touchend', function(e) {
var $this = $(e.target),
$cur;
... ... @@ -131,7 +147,7 @@ function initFilter(opt) {
//tap classify
$cur = $this.closest('.classify-item');
e.srcEvent.stopPropagation();
e.stopPropagation();
classifyTapEvt($cur);
}
... ...
var $ = require('jquery');
var commentsNum;
(function() {
var consultsNum = $('#nav-tab .consults-num').html() - 0;
commentsNum = $('#nav-tab .comments-num').html() - 0;
$('#nav-tab li').each(function() {
$(this).removeClass('focus');
});
$('#feedback-content .content').each(function() {
$(this).addClass('hide');
});
if (0 !== commentsNum) {
$('#nav-tab .comment-nav').addClass('focus');
$('#feedback-content .comment-content').removeClass('hide');
} else if (0 !== consultsNum) {
$('#nav-tab .consult-nav').addClass('focus');
$('#feedback-content .consult-content').removeClass('hide');
}
})();
$('#nav-tab li').on('click', function() {
var index = $(this).index();
if ($(this).hasClass('comment-nav') && 0 === commentsNum) {
alert('暂无商品评价');
} else {
if (!$(this).hasClass('focus')) {
$('#nav-tab li').each(function() {
$(this).removeClass('focus');
});
$('#feedback-content .content').each(function() {
$(this).addClass('hide');
});
$(this).addClass('focus');
$('#feedback-content .content:eq(' + index + ')').removeClass('hide');
}
}
});
\ No newline at end of file
... ...
... ... @@ -2,4 +2,56 @@
* 商品详情
* @author: liangzhifeng<zhifeng.liang@yoho.cn>
* @date: 2015/11/18
*/
\ No newline at end of file
*/
var $ = require('jquery'),
lazyLoad = require('yoho.lazyload');
var loading = require('../../plugin/loading'),
tip = require('../../plugin/tip');
var introUrl = $('#introUrl').val(),
winH = $(window).height(),
$productDesc,
searching = false,
end = false;
function search() {
if (searching || end) {
return;
}
searching = true;
loading.showLoadingMask();
$.ajax({
type: 'GET',
url: introUrl,
success: function(data) {
$productDesc = $('#productDesc');
$productDesc.append(data);
lazyLoad($productDesc.find('img.lazy'));
searching = false;
end = true;
loading.hideLoadingMask();
},
error: function() {
tip.show('网络断开连接了~');
searching = false;
loading.hideLoadingMask();
}
});
}
function scrollHandler() {
if (!end || $(window).scrollTop() + winH >= $(document).height() - 50) {
search();
}
}
//srcoll to load more
$(window).scroll(function() {
window.requestAnimationFrame(scrollHandler);
});
... ...
... ... @@ -5,16 +5,14 @@
*/
var $ = require('jquery'),
Swiper = require('yoho.iswiper'),
lazyLoad = require('yoho.lazyload'),
Handlebars = require('yoho.handlebars');
lazyLoad = require('yoho.lazyload');
var goodsSwiper,
// winH = $(window).height(),
sizeSwiper,
refSwiper,
handleHelper;
refSwiper;
require('./desc');
require('./comments-consults');
lazyLoad($('img.lazy'));
... ... @@ -24,26 +22,31 @@ goodsSwiper = new Swiper('.banner-swiper', {
loop: true,
paginationClickable: true,
pagination: '.banner-top .pagination-inner',
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev'
nextButton: '.my-swiper-button-next',
prevButton: '.my-swiper-button-prev'
});
$('#nav-tab li').on('click', function() {
var index = $(this).index();
if (!$(this).hasClass('focus')) {
$('#nav-tab li').each(function() {
$(this).removeClass('focus');
});
$('#feedback-content .content').each(function() {
$(this).addClass('hide');
});
(function() {
$(this).addClass('focus');
$('#feedback-content .content:eq(' + index + ')').removeClass('hide');
//初始化goods-discount
if (0 === $('.goods-discount .discount-folder').children().length) {
$('.goods-discount .discount-folder').css('display', 'none');
$('.goods-discount .first-item span').html('');
}
})();
$('.goodsDiscount .dropdown').on('click', function() {
if ($('.goodsDiscount .discount-folder').is(':hidden')) {
$('.goodsDiscount .first-item span').removeClass('icon-down');
$('.goodsDiscount .first-item span').addClass('icon-up');
$('.goodsDiscount .first-item span').html('&#xe608;');
$('.goodsDiscount .discount-folder').slideDown();
} else {
$('.goodsDiscount .first-item span').removeClass('icon-up');
$('.goodsDiscount .first-item span').addClass('icon-down');
$('.goodsDiscount .first-item span').html('&#xe609;');
$('.goodsDiscount .discount-folder').slideUp();
}
});
... ... @@ -56,13 +59,4 @@ refSwiper = new Swiper('#reference-swiper-container',{
});
handleHelper = Handlebars.registerHelper('addOne', function(index) {
return index + 1;
});
//srcoll to load more
// $(window).scroll(function () {
// if ($(window).scrollTop() + winH >= $(document).height() - 50) {
// }
// });
... ...
/**
* 提取URL中的参数
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2015/11/19
*/
var opt = {};
var paramStr = window.location.search.split('?')[1];
var keyVal = paramStr.split('&');
var i, key, val;
for (i = keyVal.length; i > 0; i--) {
key = keyVal[i - 1].split('=');
val = key[1];
key = key[0];
//初始化默认参数
switch (key) {
case 'gender':
opt.gender = val;
break;
case 'brand':
opt.brand = val;
break;
case 'sort':
opt.sort = val;
break;
case 'msort':
opt.msort = val;
break;
case 'misort':
opt.misort = val;
break;
case 'color':
opt.color = val;
break;
case 'size':
opt.size = val;
break;
case 'price':
opt.price = val;
break;
case 'discount':
opt.discount = val;
break;
case 'query':
opt.query = val;
break;
case 'style':
opt.style = val;
break;
case 'limit':
opt.limit = val;
break;
case 'channel':
opt.channel = val;
break;
case 'p_d':
opt.p_d = val;
break;
case 'dayLimit':
opt.dayLimit = val;
break;
}
}
module.exports = opt;
\ No newline at end of file
... ...
... ... @@ -31,19 +31,7 @@ var $input = $('#search-input input'),
$clear = $('#search-input .clear-input');
//默认筛选条件
var defaultOpt = {
gender: $('#gender').val(),
brand: $('#brand').val(),
sort: $('#sort').val(),
msort: $('#msort').val(),
misort: $('#misort').val(),
color: $('#color').val(),
size: $('#size').val(),
price: $('#price').val(),
discount: $('#discount').val(),
query: $('#query').val(),
style: $('#style').val()
};
var defaultOpt = require('./extract-url');
var $listNav = $('#list-nav'),
... ... @@ -70,7 +58,6 @@ var $listNav = $('#list-nav'),
},
$pre = $listNav.find('.active'), //纪录进入筛选前的active项，初始为选中项
searching,
navHammer,
btnIntroHammer,
introHammer,
brandColHammer;
... ... @@ -281,8 +268,12 @@ writeSearch.bindWirteLocal($('#search-form'));
//3.筛选无active时点击展开筛选面板
//4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
//5.当前active为筛选并且点击其他项时，隐藏筛选面板
navHammer = new Hammer($listNav[0]);
navHammer.on('tap', function(e) {
$listNav.bind('contextmenu', function(e) {
return false;
});
$listNav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
nav,
navType,
... ... @@ -443,4 +434,11 @@ if ($brandHeader.length > 0) {
}
//初始请求最新第一页数据
search();
\ No newline at end of file
search();
$listNav.on('touchstart', 'li', function() {
$listNav.find('li').removeClass('bytouch');
$(this).addClass('bytouch');
}).on('touchend touchcancel', 'li', function() {
$listNav.find('li').removeClass('bytouch');
});
... ...
... ... @@ -6,7 +6,6 @@
var $ = require('jquery'),
Swiper = require('yoho.iswiper'),
Hammer = require('yoho.hammer'),
lazyLoad = require('yoho.lazyload');
var swiper;
... ... @@ -25,18 +24,7 @@ var winH = $(window).height(),
noResult = '<p class="no-result">未找到相关搜索结果</p>';
//默认筛选条件
var defaultOpt = {
gender: $('#gender').val(),
brand: $('#brand').val(),
sort: $('#sort').val(),
msort: $('#msort').val(),
misort: $('#misort').val(),
color: $('#color').val(),
size: $('#size').val(),
price: $('#price').val(),
discount: $('#discount').val(),
style: $('#style').val()
};
var defaultOpt = require('../extract-url');
var $listNav = $('#list-nav'),
... ... @@ -62,7 +50,6 @@ var $listNav = $('#list-nav'),
}
},
$pre = $listNav.find('.active'), //纪录进入筛选前的active项，初始为选中项
navHammer,
searching;
require('../suspend-cart'); //悬浮购物车
... ... @@ -263,8 +250,11 @@ lazyLoad($('.lazy'));
//3.筛选无active时点击展开筛选面板
//4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
//5.当前active为筛选并且点击其他项时，隐藏筛选面板
navHammer = new Hammer($listNav[0]);
navHammer.on('tap', function(e) {
$listNav.bind('contextmenu', function(e) {
return false;
});
$listNav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
nav,
navType,
... ... @@ -357,7 +347,8 @@ navHammer.on('tap', function(e) {
search();
}
}
e.srcEvent.stopPropagation();
e.stopPropagation();
});
$(window).scroll(function() {
... ... @@ -373,3 +364,9 @@ $(window).scroll(function() {
//初始请求最新第一页数据
search();
$listNav.on('touchstart', 'li', function(e) {
$(this).addClass('bytouch');
}).on('touchend touchcancel', function() {
$listNav.find('li').removeClass('bytouch');
});
... ...
... ... @@ -6,7 +6,6 @@
var $ = require('jquery'),
Swiper = require('yoho.iswiper'),
Hammer = require('yoho.hammer'),
lazyLoad = require('yoho.lazyload');
var swiper,
... ... @@ -28,22 +27,7 @@ var winH = $(window).height(),
noResult = '<p class="no-result">未找到相关搜索结果</p>';
//默认筛选条件
var defaultOpt = {
gender: $('#gender').val(),
brand: $('#brand').val(),
sort: $('#sort').val(),
msort: $('#msort').val(),
misort: $('#misort').val(),
color: $('#color').val(),
size: $('#size').val(),
price: $('#price').val(),
discount: $('#discount').val(),
limit: $('#limit').val(),
channel: $('#channel').val(),
p_d: $('#p_d').val(),
dayLimit: 1,
style: $('#style').val()
};
var defaultOpt = require('../extract-url');
var storeOpt = $.extend({}, defaultOpt); //存储默认筛选条件以便重置
... ... @@ -72,7 +56,6 @@ var $listNav = $('#list-nav'),
}
},
$pre = $listNav.find('.active'), //纪录进入筛选前的active项，初始为选中项
navHammer,
searching;
require('../suspend-cart'); //悬浮购物车
... ... @@ -285,14 +268,18 @@ $.ajax({
});
lazyLoad($('.lazy'));
$listNav.bind('contextmenu', function(e) {
return false;
});
//导航栏点击逻辑说明：
//1.点击非active项时切换active状态
//2.价格和折扣active状态时继续点击切换排序
//3.筛选无active时点击展开筛选面板
//4.筛选有active时点击隐藏筛选面板并恢复点击筛选前active项的active状态
//5.当前active为筛选并且点击其他项时，隐藏筛选面板
navHammer = new Hammer($listNav[0]);
navHammer.on('tap', function(e) {
// navHammer = new Hammer($listNav[0]);
$listNav.on('touchend touchcancel', function(e) {
var $this = $(e.target).closest('li'),
nav,
navType,
... ... @@ -369,7 +356,7 @@ navHammer.on('tap', function(e) {
search();
}
}
e.srcEvent.stopPropagation();
e.stopPropagation();
});
$(window).scroll(function() {
... ... @@ -385,3 +372,9 @@ $(window).scroll(function() {
//初始请求最新第一页数据
search();
$listNav.on('touchstart', 'li', function(e) {
$(this).addClass('bytouch');
}).on('touchend touchcancel', function() {
$listNav.find('li').removeClass('bytouch');
});
... ...
... ... @@ -9,9 +9,10 @@ var Swiper = require('yoho.iswiper');
var recommendSwiper;
recommendSwiper = new Swiper('.swiper-recommend', {
// lazyLoading: true,
// lazyLoadingInPrevNext: true,
slidesPerView: 'auto'
recommendSwiper = new Swiper('#swiper-recommend', {
slidesPerView: 'auto',
grabCursor: true,
slideElement: 'li',
lazyLoading: true,
watchSlidesVisibility: true
});
\ No newline at end of file
... ...
... ... @@ -41,6 +41,10 @@
white-space: nowrap;
text-overflow: ellipsis;
color: #333;
&.highlight {
background: #eee;
}
}
.default {
... ... @@ -51,6 +55,7 @@
float: left;
color: #000;
}
}
}
... ...
... ... @@ -52,8 +52,14 @@
&.focus {
color: #000;
}
&.bytouch{
background:#eee;
}
}
span {
display: block;
width: 100%;
... ...
... ... @@ -59,6 +59,7 @@
height: 80rem / $pxConvertRem;
}
.guang-nav-item {
float: left;
color: #ccc;
... ... @@ -68,7 +69,11 @@
&.focus {
color: #000;
}
}
}
.bytouch{
background:#eee;
}
.info-list-container {
... ...
... ... @@ -25,7 +25,9 @@
color: #000;
}
}
.bytouch{
background:#eee;
}
.star-nav {
border-right: 1px solid #ccc;
}
... ...
... ... @@ -72,13 +72,13 @@
a {
display: block;
color: #fff;
font-size: 40rem / $pxConvertRem;
font-size: 20px;
line-height: 90rem / $pxConvertRem;
}
}
&.highlight {
background: rgba(200,200,200,.4);
}
.iconfont.highlight {
background: rgba(200,200,200,.4);
}
}
... ...
@charset "utf-8";
@import "compass", "compass/reset";
$pxConvertRem: 40;
* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-moz-tap-highlight-color: rgba(0,0,0,0);
tap-highlight-color: rgba(0,0,0,0);
}
html, body {
font-family: helvetica,Arial,"黑体";
width: 100%;
font-size: 12px;
line-height: 1.4;
}
.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
img {
max-width: 100%;
display: block;
border: 0;
margin: 0 auto;
}
a {
text-decoration: none;
outline: none;
color: #000;
&:link,
&:visited,
&:hover,
&:actived {
color: #000;
}
}
*:focus {
outline: none;
}
.hide {
display: none;
}
#show {
display: block;
}
.overflow-hidden {
overflow: hidden;
}
@font-face {
font-family: "iconfont";
src: font-url('iconfont.eot'); /* IE9*/
src: font-url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
font-url('iconfont.woff') format('woff'), /* chrome、firefox */
font-url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
font-url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
text-decoration: none;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
.yoho-tip {
position: absolute;
display: none;
text-align: center;
width: 70%;
padding: 34px 0;
top: 50%;
left: 50%;
margin-left: -35%;
margin-top: -45px;
background-color: #000;
opacity: 0.7;
color: #fff;
font-size: 18px;
border: none;
@include border-radius(10px);
}
.load-more-info {
width: 100%;
height: 70rem / $pxConvertRem;
line-height: 70rem / $pxConvertRem;
text-align: center;
font-size: 14px;
overflow: hidden;
.status {
&.hide {
display: none;
}
}
}
/*px转化rem*/
@function pxToRem($px) {
$pxConvertRem: 40px;
@if $px == 0 {
@return 0;
} @else {
@return $px / $pxConvertRem * 1rem;
}
}
@mixin rem-sprite ($map,$sprite) {
$offsetY: nth(sprite-position($map,$sprite),2);
background-image: sprite-url($map);
background-repeat: no-repeat;
background-position: 0 pxToRem($offsetY);
background-size: pxToRem(sprite-width($map)) pxToRem(sprite-height($map));
}
@import "layout/header";
@import "layout/footer";
@import "layout/footer_tab";
@import "good";
@import "filter";
@import "loading";
@import "passport/index";
@import "guang/index";
@import "home/index";
@import "category/index";
@import "product/index";
@import "index/index";
@import "shopping-cart/index";
@import "me/index"; //个人中心
... ... @@ -34,7 +34,7 @@
top: 0;
width: 90rem / $pxConvertRem;
height: 90rem / $pxConvertRem;
font-size: 40rem / $pxConvertRem;
font-size: 20px;
line-height: 90rem / $pxConvertRem;
color: #fff;
text-align: center;
... ... @@ -48,7 +48,7 @@
.nav-home {
@extend %nav;
right: 0;
right: 10rem / $pxConvertRem;
}
.nav-title {
... ...
... ... @@ -43,6 +43,13 @@
.fav-content {
//padding: 0 pxToRem(30px);
.fav-type {
display: none;
}
.show {
display: block;
}
.fav-null {
font-size: pxToRem(22px);
color: #444;
... ...
... ... @@ -52,6 +52,19 @@
}
}
.login-btn {
display: block;
position: absolute;
top: pxToRem(40px);
left: pxToRem(194px);
width: pxToRem(244px);
height: pxToRem(82px);
line-height: pxToRem(82px);
color: #fff;
border: pxToRem(4px) solid #fff;
text-align: center;
}
.my-link {
margin-bottom: pxToRem(30px);
padding: pxToRem(6px) 0;
... ... @@ -60,12 +73,35 @@
height: pxToRem(76px);
.link-item {
position: relative;
float: left;
color: #fff;
font-size: pxToRem(22px);
line-height: pxToRem(38px);
width: pxToRem(213px);
&:after {
content: '';
position: absolute;
right: 0;
top: pxToRem(24px);
width: 0;
height: pxToRem(44px);
border-right: 1px solid #fff;
}
&:last-of-type:after {
content: none;
}
}
&.no-login {
padding: 0;
height: pxToRem(88px);
.link-item {
font-size: pxToRem(32px);
line-height: pxToRem(88px);
}
}
}
... ...
... ... @@ -74,26 +74,26 @@ $suggest: sprite-map("me/suggest/*.png",$spacing: 5px);
padding-left: pxToRem(128px);
@include box-sizing();
&.active {
color: #444;
&:nth-last-of-type(1) {
padding-left: pxToRem(0);
padding-right: pxToRem(128px);
text-align: right;
float: right;
> span {
display: inline-block;
height: 100%;
overflow: hidden;
&:nth-of-type(1) {
@include rotate(180deg);
@include transition(transform .5);
}
}
}
&:nth-last-of-type(1) {
padding-left: pxToRem(0);
padding-right: pxToRem(128px);
text-align: right;
float: right;
&.active {
color: #444;
}
}
... ... @@ -101,6 +101,9 @@ $suggest: sprite-map("me/suggest/*.png",$spacing: 5px);
text-align: center;
color: #444;
}
&.show {
display: block;
}
}
}
}
... ... @@ -219,4 +222,50 @@ $suggest: sprite-map("me/suggest/*.png",$spacing: 5px);
}
}
}
}
//dialog
.dialog-wrapper {
background: hsla(0, 0%, 0%, .5);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
.dialog-box {
width: pxToRem(540px);
@include border-radius(pxToRem(20px));
background: hsla(100, 100%, 100%, .8);
position: absolute;
left: 50%;
margin-left: pxToRem(-540px)/2;
font-size: pxToRem(30px);
text-align: center;
color: #000;
}
.dialog-content {
padding: pxToRem(60px) pxToRem(30px);
}
.dialog-footer {
border-top: 1px solid #ccc;
height: pxToRem(88px);
line-height: pxToRem(88px);
> span {
display: block;
width: 50%;
height: 100%;
float: left;
@include box-sizing();
&:nth-last-of-type(1) {
border-left: 1px solid #ccc;
color: #ee0011;
}
}
}
}
\ No newline at end of file
... ...
.goods-comments-page {
.goods-comments {
.comment-item {
border: 1px solid $borderC;
padding: 0 pxToRem(28px);
.user-name {
font-size: pxToRem(24px);
line-height: pxToRem(62px);
color: $mainFontC;
}
.goods-spec,
.comment-time {
font-size: pxToRem(24px);
line-height: pxToRem(62px);
}
.detail-content {
font-size: pxToRem(24px);
line-height: pxToRem(62px);
color: $mainFontC;
}
.goods-spec,
.comment-time {
font-size: pxToRem(24px);
line-height: pxToRem(62px);
}
.detail-content {
font-size: pxToRem(28px);
line-height: pxToRem(36px);
}
.goods-spec,
.detail-content {
color: $mainFontC;
}
.comment-time {
color: #c1c1c1;
}
}
}
}
.goods-consults-page {
.goto-consult {
padding: 0 pxToRem(28px);
height: pxToRem(120px);
background-color: #ffffff;
i,
span {
line-height: pxToRem(120px);
font-size: pxToRem(28px);
color: $mainFontC;
}
.consult-logo {
padding-right: pxToRem(15px);
}
.enter-consult-page {
float: right;
color: $subFontC;
}
}
.goods-consults {
.consult-item {
padding: pxToRem(20px) pxToRem(28px);
background-color: #fff;
.question {
font-size: pxToRem(24px);
color: $mainFontC;
span {
display: block;
float: left;
font-size: inherit;
padding-right: pxToRem(15px);
}
p {
overflow: hidden;
padding-bottom: pxToRem(15px);
border-bottom: 1px solid $borderC;
}
}
.time {
font-size: pxToRem(22px);
color: $subFontC;
}
.answer {
font-size: pxToRem(24px);
line-height: pxToRem(36px);
color: $subFontC;
margin-top: pxToRem(14px);
span {
display: block;
float: left;
font-size: inherit;
color: $mainFontC;
padding-right: pxToRem(15px);
}
p {
overflow: hidden;
}
}
}
}
.gap-block {
min-height: 30rem/$pxConvertRem;
background-color: #f0f0f0;
}
}
.consult-form-page {
padding: pxToRem(28px);
text-align: center;
textarea {
box-sizing: border-box;
width: 100%;
height: pxToRem(400px);
font-size: pxToRem(28px);
padding: pxToRem(10px);
color: $mainFontC;
}
a {
display: inline-block;
height: pxToRem(80px);
width: pxToRem(360px);
color: #fff;
background-color: #444;
font-size: pxToRem(40px);
line-height: pxToRem(80px);
text-align: center;
margin-top: pxToRem(20px);
}
}
.good-detail-page {
.feedback-list {
padding-top: pxToRem(30px);
background-color: #f0f0f0;
.nav-tab {
width: 100%;
}
.nav-tab {
height: pxToRem(60px);
padding: pxToRem(10px) 0;
background-color: #fff;
border-top: 1px solid $borderC;
border-bottom: 1px solid $borderC;
}
.comment-nav,
.consult-nav {
box-sizing: border-box;
float: left;
width: 50%;
height: pxToRem(60px);
line-height: pxToRem(60px);
font-size: pxToRem(28px);
text-align: center;
color: #ccc;
&.focus {
color: #000;
}
}
.comment-nav {
border-right: 1px solid #ccc;
}
.content {
.content-main {
background-color: #fff;
border-bottom: 1px solid $borderC;
&.comment-content-main {
.user-name {
font-size: pxToRem(24px);
line-height: pxToRem(62px);
color: $mainFontC;
padding-left: pxToRem(28px);
padding-right: pxToRem(18px);
}
.goods-spec,
.comment-time {
font-size: pxToRem(24px);
line-height: pxToRem(62px);
}
.detail-content {
// font-size: pxToRem(28px);
// line-height: pxToRem(36px);
font-size: pxToRem(24px);
line-height: pxToRem(62px);
color: $mainFontC;
padding-left: pxToRem(28px);
padding-right: pxToRem(18px);
}
.goods-spec,
.comment-time {
font-size: pxToRem(24px);
line-height: pxToRem(62px);
}
.detail-content {
font-size: pxToRem(28px);
line-height: pxToRem(36px);
}
.goods-spec,
.detail-content {
color: $mainFontC;
}
.detail-content,
.comment-time {
padding-left: pxToRem(28px);
}
.detail-content {
padding-right: pxToRem(28px);
padding-left: pxToRem(28px);
}
.detail-content {
padding-right: pxToRem(28px);
}
.comment-time {
color: #c1c1c1;
}
}
&.consult-content-main {
padding-right: pxToRem(28px);
padding-left: pxToRem(28px);
padding-top: pxToRem(20px);
padding-bottom: pxToRem(20px);
.question {
font-size: pxToRem(24px);
color: $mainFontC;
span {
display: block;
float: left;
font-size: inherit;
padding-right: pxToRem(15px);
}
p {
overflow: hidden;
}
}
.time {
font-size: pxToRem(22px);
color: $subFontC;
}
.answer {
font-size: pxToRem(24px);
line-height: pxToRem(36px);
color: $subFontC;
margin-top: pxToRem(14px);
span {
display: block;
float: left;
font-size: inherit;
color: $mainFontC;
padding-right: pxToRem(15px);
}
p {
overflow: hidden;
}
}
}
}
}
.comment-content-footer,
.consult-content-footer {
min-height: pxToRem(88px);
text-align: center;
background-color: #fff;
border-bottom: 1px solid $borderC;
line-height: pxToRem(88px);
font-size: pxToRem(28px);
a {
color: #e0e0e0;
.iconfont {
font-size: inherit;
}
}
}
.content.hide {
display: none;
}
.nodata {
height: pxToRem(88px);
font-size: pxToRem(28px);
line-height: pxToRem(88px);
background-color: #fff;
padding: 0 pxToRem(28px);
.go-consult {
float: right;
color: $subFontC;
span {
font-size: pxToRem(28px);
}
}
}
}
}
... ...
... ... @@ -3,96 +3,115 @@ $subFontC:#b0b0b0;
$borderC:#e0e0e0;
$tableCellC:#eee;
$basicBtnC:#eb0313;
.my-swiper-button-prev,
.my-swiper-button-next {
position: absolute;
top: 50%;
width: pxToRem(48px);
height: pxToRem(48px);
margin-top: pxToRem(-44px);
cursor: pointer;
-moz-background-size: pxToRem(48px) pxToRem(48px);
-webkit-background-size: pxToRem(48px) pxToRem(48px);
background-size: pxToRem(48px) pxToRem(48px);
background-position: center;
background-repeat: no-repeat;
}
.next-grey {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
right: pxToRem(30px);
left: auto;
}
.prev-grey {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
left: pxToRem(30px);
right: auto;
}
.good-detail-page {
overflow: hidden;
/* basic component */
.page-block{
box-sizing:border-box;
width: 100%;
border-bottom: 2px solid $borderC;
border-top: 1px solid $borderC;
padding: 0 pxToRem(28px);
>.title{
line-height: pxToRem(88px);
color: $mainFontC;
font-size : pxToRem(28px);
overflow: hidden;
.page-block {
box-sizing: border-box;
width: 100%;
border-bottom: 1px solid $borderC;
span{
color:#a0a0a0;
font-size:pxToRem(18px);
border-top: 1px solid $borderC;
padding: 0 pxToRem(28px);
>.title {
line-height: pxToRem(88px);
color: $mainFontC;
font-size: pxToRem(28px);
border-bottom: 1px solid $borderC;
span {
color: #a0a0a0;
font-size: pxToRem(18px);
}
}
.detail{
.detail {
margin-top: pxToRem(20px);
margin-bottom: pxToRem(20px);
font-size: pxToRem(24px);
line-height: pxToRem(36px);
&.table{
display: table;
&.table {
width: 100%;
.row{
display: table-row;
.column{
display: table-cell;
padding: 0.4em 0.8em;
border:1px solid #fff;
font-size: pxToRem(24px);
background-color: $tableCellC;
}
}
}
// .row {
// display: table-row;
.column {
box-sizing:border-box;
display: table-cell;
padding: pxToRem(16px) pxToRem(12px);
width: 50%;
border: 1px solid #fff;
font-size: pxToRem(24px);
background-color: $tableCellC;
float:left;
}
// }
}
}
}
}
.gap-block{
min-height: 30rem/$pxConvertRem;
background-color: #f0f0f0;
}
.banner-container{
position: relative;
.gap-block {
min-height: 30rem/$pxConvertRem;
background-color: #f0f0f0;
}
.banner-container {
position: relative;
// overflow: hidden;
.is-new-lable{
.is-new-lable {
position: absolute;
left: pxToRem(108px);
top:pxToRem(40px);
top: pxToRem(40px);
height: pxToRem(35px);
width:pxToRem(70px);
color:#fff;
width: pxToRem(70px);
color: #fff;
text-align: center;
font-size: pxToRem(20px);
line-height: pxToRem(35px);
background-color: #7cd881;
z-index: 16;
z-index: 2;
}
}
.banner-top{
// width: 100%;
min-height: 660rem / $pxConvertRem;
overflow: hidden;
position: relative;
.swiper-pagination{
position:absolute;
bottom: pxToRem(40px);
.swiper-pagination-bullet {
margin-right: 2px;
}
.swiper-pagination-bullet-active {
.banner-top {
// width: 100%;
min-height: 660rem / $pxConvertRem;
overflow: hidden;
position: relative;
.swiper-pagination {
position: absolute;
bottom: pxToRem(40px);
.swiper-pagination-bullet {
margin-right: 2px;
}
.swiper-pagination-bullet-active {
background-color: #000;
}
}
}
.banner-swiper {
min-height: pxToRem(600px);
min-width: pxToRem(448px);
margin: pxToRem(30px) pxToRem(96px);
min-height: pxToRem(600px);
min-width: pxToRem(448px);
margin: pxToRem(30px) pxToRem(96px);
// position: relative;
overflow: hidden;
ul {
... ... @@ -100,13 +119,13 @@ overflow: hidden;
height: 100%;
li {
float: left;
height: 100%;
height: 100%;
}
}
}
.goodsName {
box-sizing: border-box;
width: 100%;
min-height: pxToRem(83px);
font-size: pxToRem(28px);
color: #fff;
... ... @@ -115,425 +134,204 @@ overflow: hidden;
line-height: pxToRem(36px);
background-color: #515150;
}
.goodsSubtitle{
.goodsSubtitle {
min-height: pxToRem(87px);
font-size: pxToRem(24px);
line-height: pxToRem(36px);
color:$subFontC;
padding-left:pxToRem(28px);
padding-right:pxToRem(28px);
border-bottom:1px solid $borderC;
color: $subFontC;
padding-left: pxToRem(28px);
padding-right: pxToRem(28px);
border-bottom: 1px solid $borderC;
background-color: #f4f4f4;
}
.price-date{
// width: 100%;
color:$subFontC;
min-height: pxToRem(88px);
padding-left:pxToRem(28px);
padding-right:pxToRem(28px);
border-bottom: 1px solid $borderC;
}
.goodsPrice{
float: left;
font-size: pxToRem(34.59px);
h1{
display: inline-block;
line-height: pxToRem(88px);
}
.currentPrice{
color:red;
margin-right: pxToRem(10px);
}
.previousPrice{
text-decoration:line-through;
}
}
.periodOfMarket{
font-size: pxToRem(24px);
float: right;
h1{
display: inline-block;
line-height: pxToRem(88px);
}
}
.goodsName,
.goodsSubtitle{
.price-date {
// width: 100%;
display:table;
span{
display: table-cell;
vertical-align: middle;
}
}
.vipLevel {
width: 100%;
box-sizing:border-box;
display: table;
min-height: pxToRem(88px);
padding-left:pxToRem(28px);
padding-right:pxToRem(28px);
font-size: pxToRem(22px);
color: #999999;
border-bottom: 1px solid $borderC;
span{
display: table-cell;
vertical-align: middle;
color: $subFontC;
min-height: pxToRem(88px);
padding-left: pxToRem(28px);
padding-right: pxToRem(28px);
border-bottom: 1px solid $borderC;
}
.vip-img{
padding-right: pxToRem(22px);
img{
width: pxToRem(52px);
height: pxToRem(32px);
.goodsPrice {
float: left;
font-size: pxToRem(34.59px);
h1 {
display: inline-block;
line-height: pxToRem(88px);
}
.currentPrice {
color: red;
margin-right: pxToRem(10px);
}
.previousPrice {
text-decoration: line-through;
}
}
.vip-price{
padding-right: pxToRem(55px);
}
.vip-price:last-child{
padding-right: 0;
}
}
.goodsDiscount{
min-height: pxToRem(88px);
padding-left:pxToRem(28px);
padding-right:pxToRem(28px);
font-size: pxToRem(28px);
color: $mainFontC;
line-height: pxToRem(88px);
border-bottom: 1px solid $borderC;
.iconfont{
display: inline-block;
width: pxToRem(35px);
font-size: pxToRem(45px);
.periodOfMarket {
font-size: pxToRem(24px);
float: right;
color:#e0e0e0;
// padding-left:pxToRem(50px);
}
}
.goodsSubtitle,
.goodsDiscount{
text-indent: pxToRem(-14px);
}
.feedback-list-page {
padding-top: pxToRem(30px);
background-color: #f0f0f0;
.nav-tab{
width: 100%;
}
.nav-tab {
height: pxToRem(60px);
padding: pxToRem(10px) 0;
background-color: #fff;
border-top: 1px solid $borderC;
border-bottom: 1px solid $borderC;
}
.comment-nav, .consult-nav {
box-sizing: border-box;
float: left;
width: 50%;
height: pxToRem(60px);
line-height: pxToRem(60px);
font-size: pxToRem(28px);
text-align: center;
color: #ccc;
&.focus {
color: #000;
h1 {
display: inline-block;
line-height: pxToRem(88px);
}
}
.comment-nav {
border-right: 1px solid #ccc;
.goodsName,
.goodsSubtitle {
// width: 100%;
display: table;
span {
display: table-cell;
vertical-align: middle;
}
}
.comment-content{
.comment-content-main{
background-color: #fff;
.vipLevel {
width: 100%;
box-sizing: border-box;
display: table;
min-height: pxToRem(88px);
padding-left: pxToRem(28px);
padding-right: pxToRem(28px);
font-size: pxToRem(22px);
color: #999999;
border-bottom: 1px solid $borderC;
.user-name{
font-size: pxToRem(24px);
line-height: pxToRem(62px);
color:$mainFontC;
padding-left: pxToRem(28px);
padding-right: pxToRem(18px);
span {
display: table-cell;
vertical-align: middle;
}
.goods-spec,
.comment-time{
font-size: pxToRem(24px);
line-height: pxToRem(62px);
.vip-img{
padding-right: pxToRem(22px);
.img{
width: pxToRem(52px);
height: pxToRem(32px);
}
&:nth-child(3n-3) .img{
background: image-url('product/silver.png') no-repeat;
}
&:nth-child(3n-2) .img{
background: image-url('product/golden.png') no-repeat;
}
&:nth-child(3n-1) .img{
background: image-url('product/platinum.png') no-repeat;
}
}
.detail-content{
font-size: pxToRem(28px);
line-height: pxToRem(36px);
font-size: pxToRem(24px);
line-height: pxToRem(62px);
color:$mainFontC;
padding-left: pxToRem(28px);
padding-right: pxToRem(18px);
.vip-price {
padding-right: pxToRem(55px);
}
.goods-spec,
.comment-time{
font-size: pxToRem(24px);
line-height: pxToRem(62px);
.vip-price:last-child {
padding-right: 0;
}
.detail-content{
font-size: pxToRem(28px);
}
.goodsDiscount {
font-size: pxToRem(28px);
color: $mainFontC;
border-bottom: 1px solid $borderC;
h1 {
padding: pxToRem(30px) pxToRem(28px);
line-height: pxToRem(36px);
// line-height: pxToRem(88px);
}
.goods-spec,
.detail-content{
color:$mainFontC;
}
.detail-content,
.comment-time{
padding-left: pxToRem(28px);
}
.detail-content{
padding-right: pxToRem(28px);
padding-left: pxToRem(28px);
}
.detail-content{
padding-right: pxToRem(28px);
.iconfont {
display: inline-block;
width: pxToRem(35px);
font-size: pxToRem(45px);
float: right;
color: #e0e0e0;
// padding-left:pxToRem(50px);
}
.comment-time{
color:#c1c1c1;
.discount-folder {
.folder-item {
border-top: 1px solid $borderC;
}
display: none;
}
}
.comment-content-footer{
min-height: pxToRem(88px);
text-align: center;
background-color: #fff;
border-bottom: 1px solid $borderC;
line-height: pxToRem(88px);
font-size: pxToRem(28px);
a{
color: #e0e0e0;
.iconfont{
font-size: inherit;
}
}
}
}
.content.hide {
display: none;
}
}
.enter-store{
min-height: pxToRem(100px);
display: table;
a{
display: table-cell;
vertical-align: middle;
text-align: left;
.goodsSubtitle,
.goodsDiscount {
text-indent: pxToRem(-14px);
}
.store-logo{
// padding-right: 35rem/$pxConvertRem;
img{
width: pxToRem(109px);
height: pxToRem(68px);
margin-left: 0;
margin-right: pxToRem(-25px);
}
}
.store-name{
font-size: pxToRem(34px);
color:$mainFontC;
}
.store-link{
font-size:pxToRem(28px) ;
color:$subFontC;
text-align: right;
span{
font-size: inherit;
}
}
}
.goods-desc{
.service{
width: pxToRem(489px);
height: pxToRem(28px);
margin-top: pxToRem(22px);
}
}
.tips{
color:$subFontC;
font-size: pxToRem(18px);
margin-top: pxToRem(20px);
}
.materials{
.detail{
img{
display: block;
overflow: hidden;
width: pxToRem(90px);
height: pxToRem(120px);
padding-right: pxToRem(20px);
float: left;
.enter-store {
min-height: pxToRem(100px);
display: table;
a {
display: table-cell;
vertical-align: middle;
text-align: left;
}
.material-desc{
font-size: pxToRem(24px);
overflow: hidden;
.store-logo {
// padding-right: 35rem/$pxConvertRem;
img {
width: pxToRem(109px);
height: pxToRem(68px);
margin-left: 0;
margin-right: pxToRem(-25px);
}
}
.material-type{
width: pxToRem(581px);
height: pxToRem(99px);
border-top: 1px solid $borderC;
padding: pxToRem(17px) 0;
.store-name {
font-size: pxToRem(34px);
color: $mainFontC;
}
}
.product-detail{
.detail{
img{
margin-top: pxToRem(20px);
width: pxToRem(581px);
height: pxToRem(772px);
.store-link {
font-size: pxToRem(28px);
color: $subFontC;
text-align: right;
span {
font-size: inherit;
}
}
margin-bottom: pxToRem(120px);
}
.detail-swiper{
.swiper-wrapper{
.swiper-slide{
width: pxToRem(114px);
div{
text-align: center;
&.cell{
font-size: pxToRem(24px);
background-color: $tableCellC;
padding:pxToRem(15px) 0;
border: 1px solid #fff;
}
}
//底部固定栏
.cart-bar {
position: relative;
box-sizing: border-box;
width: 100%;
height: pxToRem(120px);
position: fixed;
bottom: 0;
background-color: #fff;
z-index: 2;
padding: pxToRem(20px) pxToRem(28px);
text-align: center;
a {
display: inline-block;
&.num-incart {
font-size: pxToRem(47px);
color: #444;
}
}
}
#reference-swiper-container{
.first-group{
width: pxToRem(70px);
margin-top: pxToRem(66px);
.avatar{
line-height: pxToRem(40px);
width: pxToRem(40px);
height: pxToRem(40px);
margin: pxToRem(18px) 0;
&.favorite {
font-size: pxToRem(34px);
color: $basicBtnC;
}
}
}
.measurement-method{
.detail{
width: 100%;
// height: pxToRem(300px);
img{
float:left;
width: pxToRem(270px);
height: pxToRem(239px);
margin-top: pxToRem(18px);
margin-right: pxToRem(28px);
}
.right-part{
overflow: hidden;
.title{
>h1{
margin-top: pxToRem(10px);
display: inline-block;
padding-right: pxToRem(10px);
border-right: 1px solid $borderC;
line-height: 100%;
&.addto-cart,
&.sold-out {
height: pxToRem(80px);
width: pxToRem(260px);
margin: 0 pxToRem(100px) 0 pxToRem(115px);
color: #fff;
background-color: $basicBtnC;
font-size: pxToRem(40px);
line-height: pxToRem(80px);
text-align: center;
}
>span{
font-size: pxToRem(12px);
&.sold-out {
background-color: #f58189;
}
}
ul.items{
margin-top: pxToRem(20px);
padding: 0;
line-height: pxToRem(30px);
font-size: pxToRem(13px);
li{
span{
display: inline-block;
width: pxToRem(15px);
height: pxToRem(15px);
background-color: $basicBtnC;
border-radius: 50%;
color:#fff;
text-align: center;
line-height: pxToRem(15px);
font-size: pxToRem(13px);
margin-right: pxToRem(12px);
vertical-align: text-bottom;
}
}
}
}
clear:both;
}
}
.cart-bar{
position: relative;
box-sizing:border-box;
width: 100%;
height: pxToRem(120px);
position:fixed;
bottom: 0;
background-color: #fff;
z-index: 64;
padding:pxToRem(20px) pxToRem(28px);
text-align: center;
a{
display: inline-block;
&.num-incart{
font-size: pxToRem(47px);
color:#444;
}
&.favorite{
font-size: pxToRem(34px);
color:$basicBtnC;
}
&.addto-cart{
height: pxToRem(80px);
width: pxToRem(260px);
margin:0 pxToRem(100px) 0 pxToRem(115px);
.num-tag {
position: absolute;
left: pxToRem(66px);
height: pxToRem(20px);
display: block;
width: pxToRem(36px);
height: pxToRem(36px);
background-color: $basicBtnC;
border-radius: 50%;
color: #fff;
background-color: $basicBtnC;
font-size: pxToRem(40px);
line-height: pxToRem(80px);
text-align: center;
font-size: pxToRem(24px);
}
}
.num-tag{
position: absolute;
left:pxToRem(66px);
height: pxToRem(20px);
display: block;
width: pxToRem(36px);
height: pxToRem(36px);
background-color: $basicBtnC;
border-radius: 50%;
color:#fff;
font-size: pxToRem(24px);
}
}
}
@import "comments-consults";
@import "product-description";
\ No newline at end of file
... ...
... ... @@ -43,7 +43,9 @@
text-align: center;
font-size: 14px;
}
.bytouch{
background:#eee;
}
a {
display: block;
box-sizing: border-box;
... ...
... ... @@ -193,6 +193,9 @@
text-align: center;
font-size: 14px;
}
.bytouch{
background:#eee;
}
a {
display: block;
... ...
... ... @@ -34,7 +34,7 @@
.list-nav {
border-top:2px solid #fff;
border-bottom:1px solid #e6e6e6;
> li {
float: left;
width: 25%;
... ... @@ -44,7 +44,9 @@
font-size: 14px;
color: #999;
}
.bytouch{
background:#eee;
}
a {
display: inline-block;
box-sizing: border-box;
... ...
.good-detail-page{
.goods-desc {
.service {
width: pxToRem(489px);
height: pxToRem(28px);
margin-top: pxToRem(22px);
}
.detail{
&.table .inner-container{
background-color: $tableCellC;
}
}
.desc-text {
font-size: pxToRem(24px);
margin-bottom: pxToRem(20px);
color: $mainFontC;
}
}
.tips {
color: $subFontC;
font-size: pxToRem(18px);
margin-top: pxToRem(20px);
}
.materials {
.detail {
.material-item{
margin: pxToRem(10px) 0;
// width: 100%;
border-bottom:1px solid $borderC;
img {
display: block;
overflow: hidden;
width: pxToRem(90px);
height: pxToRem(120px);
padding-right: pxToRem(20px);
float: left;
}
.material-desc {
font-size: pxToRem(24px);
overflow: hidden;
}
}
}
// .material-type {
// width: pxToRem(581px);
// height: pxToRem(99px);
// border-top: 1px solid $borderC;
// padding: pxToRem(17px) 0;
// }
}
.wash-tips{
padding-top:pxToRem(18px);
&.page-block{
border-top: none;
padding-left: pxToRem(15px);
padding-right: pxToRem(15px);
}
// padding-bottom:pxToRem(18px);
.tip{
display: inline-block;
width: 16.6%;
float:left;
// margin-right: pxToRem(24px);
img{
width: pxToRem(48px);
height: pxToRem(48px);
margin-bottom: pxToRem(10px);
}
.caption{
display: block;
padding: 0 pxToRem(13px);
font-size: pxToRem(18px);
line-height: pxToRem(22px);
margin-bottom: pxToRem(18px);
}
}
}
.product-detail {
.detail {
img {
margin-top: pxToRem(20px);
width: pxToRem(581px);
height: pxToRem(772px);
}
}
margin-bottom: pxToRem(120px);
}
.detail-swiper {
.swiper-wrapper {
// height: pxToRem(200px);
// overflow: hidden;
.swiper-slide {
width: pxToRem(114px);
div {
text-align: center;
&.cell {
font-size: pxToRem(24px);
background-color: $tableCellC;
padding: pxToRem(15px) 0;
border: 1px solid #fff;
}
}
}
}
}
//模特
#reference-swiper-container {
.first-group {
width: pxToRem(70px);
margin-top: pxToRem(66px);
.avatar {
line-height: pxToRem(40px);
width: pxToRem(40px);
height: pxToRem(40px);
margin: pxToRem(18px) 0;
}
}
}
//测量方法
.measurement-method {
.detail {
width: 100%;
img {
width: 100%;
margin-top: pxToRem(18px);
margin-right: pxToRem(28px);
}
}
}
}
\ No newline at end of file
... ...
... ... @@ -12,25 +12,28 @@
font-weight: bold;
}
.swiper-recommend {
.swiper-container {
padding: pxToRem(20px) 0;
width: 100%;
height: pxToRem(252px);
overflow: hidden;
.swiper-slider {
margin: 0 pxToRem(10px);
.swiper-slide {
padding: 0 pxToRem(10px);
float: left;
width: pxToRem(156px);
&:first-child {
margin-left: pxToRem(30px);
padding-left: pxToRem(30px);
}
&:last-child {
margin-right: pxToRem(30px);
padding-right: pxToRem(30px);
}
img {
width: pxToRem(156px);
max-width: none;
width: 100%;
height: pxToRem(208px);
}
}
}
... ... @@ -42,19 +45,21 @@
line-height: 1;
span {
display: block;
// chrome 最小支持12px, 设计图是 10px ,用CSS3变换
@include transform(scale(0.875));
}
.sale-price {
color: #d9134f;
margin-left: pxToRem(-10px);
}
.old-price {
position: absolute;
top: 0;
right: 0;
color: #ededed;
right: pxToRem(-6px);
color: #b0b0b0;
}
.no-price {
... ...
... ... @@ -21,7 +21,7 @@
你确定要删除地址吗？
</div>
<div class="action">
<span class="cencel">
<span class="cancel">
取消
</span>
<span class="confim">
... ...
{{> layout/header}}
<div class="yoho-favorite-page yoho-page">
{{# favorite}}
<ul id="fav-tab" class="fav-tab">
<li class="active">收藏的商品</li>
<ul id="fav-tab" class="fav-tab {{# brandTab}}brand-tab{{/ brandTab}}">
<li>收藏的商品</li>
<li>收藏的品牌</li>
</ul>
<div class="fav-content" id="fav-content">
... ... @@ -48,7 +48,7 @@
<a class="go-shopping" href="#">随便逛逛</a>
{{/ hasFavProduct}}
</div>
<div class="fav-type hide">
<div class="fav-type">
{{# hasFavBrand}}
<div class="fav-brand-swiper">
<div class="swiper-header">
... ...