fe / YOHOBUYPC · Commits

Go to a project

Authored by whb
Commit 9dd741488bde034671d870b69f543bb32589981b 1 parent b1a60599

merge v4.3

Inline Side-by-side
Showing 56 changed files with 2603 additions and 1872 deletions

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

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

... ... @@ -29,10 +29,10 @@ class Yohobuy
const API_OLD = 'http://api2.open.yohobuy.com/';
// 测试环境 */
/*const API_URL = 'http://testapi.yoho.cn:28078/'; // 'http://192.168.102.205:8080/gateway/'
const SERVICE_URL = 'http://testservice.yoho.cn:28077/';
const YOHOBUY_URL = 'http://www.yohobuy.com/';
const API_OLD = 'http://test2.open.yohobuy.com/';*/
// const API_URL = 'http://testapi.yoho.cn:28078/'; // 'http://192.168.102.205:8080/gateway/'
// const SERVICE_URL = 'http://testservice.yoho.cn:28077/';
// const YOHOBUY_URL = 'http://www.yohobuy.com/';
// const API_OLD = 'http://test2.open.yohobuy.com/';
/* 预览环境 */
// const API_URL = 'http://preapi.yoho.cn/';
... ... @@ -67,28 +67,28 @@ class Yohobuy
*/
public static function clientType()
{
// if(self::isMobile()) {
// return 'h5';
// }
// else {
// return 'web';
// }
// 苹果设备
if (strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone')) {
return 'iphone';
}
// 苹果IPAD
elseif (strstr($_SERVER['HTTP_USER_AGENT'], 'iPad')) {
return 'ipad';
if(self::isMobile()) {
return 'h5';
}
elseif (stristr($_SERVER['HTTP_USER_AGENT'], 'android')) {
return 'android';
}
// 其它
else {
return 'android';
return 'web';
}
// // 苹果设备
// if (strstr($_SERVER['HTTP_USER_AGENT'], 'iPhone')) {
// return 'iphone';
// }
// // 苹果IPAD
// elseif (strstr($_SERVER['HTTP_USER_AGENT'], 'iPad')) {
// return 'ipad';
// }
// elseif (stristr($_SERVER['HTTP_USER_AGENT'], 'android')) {
// return 'android';
// }
// // 其它
// else {
// return 'android';
// }
}
/**
... ...
... ... @@ -330,7 +330,6 @@ class ChannelConfig
656, 1310, 1063, 861, 1417, 1200, 1207, 1209, 1306, 972, 308, 856);
//默认头像
public static $headDefaultImgIco = 'http://img10.static.yhbimg.com/headimg/2013/11/28/09/01cae078abe5fe320c88cdf4c220212688.gif?imageView/2/w/100/h/100';
//商品详情页的默认头像
public static $itemHeadDefaultImgIco = 'http://static.yohobuy.com/images/v3/boy.jpg';
//性别
... ... @@ -469,39 +468,40 @@ class ChannelConfig
);
//登录-跳转到首页的url关键字
public static $loginUrlKeys = array('reg.html', 'signin.html', 'passport/', 'logout.html');
//换货期限
public static $exchangeDay = 15;
//退货期限
public static $refundDay = 7;
//支付方式
public static $payType = array(
'1' => '在线支付',
'2' => '货到付款',
'1' => '在线支付',
'2' => '货到付款',
'3' => '刷卡支付'
);
);
//送货时间
public static $deliverTimeSpan = array(
'1' => '只工作日送货（双休日、节假日不用送）',
'2' => '工作日、双休日和节假日均送货',
'3' => '只双休日、节假日送货（工作时间不送货）'
);
//投诉类型
'1' => '只工作日送货（双休日、节假日不用送）',
'2' => '工作日、双休日和节假日均送货',
'3' => '只双休日、节假日送货（工作时间不送货）'
);
//投诉类型
public static $complaintType = array(
'0' => '全部',
'1' => '产品相关',
'2' => '物流相关'
);
'0' => '全部',
'1' => '产品相关',
'2' => '物流相关'
);
//新图片地址配置
public static $newImageServerUrl = array(
'http://img03.static.yhbimg.com',
'http://img04.static.yhbimg.com',
'http://img05.static.yhbimg.com',
'http://img06.static.yhbimg.com',
);
public static $newImageServerUrl = array(
'http://img03.static.yhbimg.com',
'http://img04.static.yhbimg.com',
'http://img05.static.yhbimg.com',
'http://img06.static.yhbimg.com',
);
//order-type 订单类型取值
public static $allType = 1; //全部订单
public static $unpayType = 2; //待付款订单
public static $completeType = 5; //已完成订单
public static $cancelType = 7; //取消订单
public static $historyType = 8; //历史订单
}
... ...
<?php
namespace Configs;
/**
* 返回码配置
*/
class ReturnCodeConfig
{
const SUCCESS_CODE = 200; //回调成功
const INITERROR_CODE = 400; //初始化默认返回的错误码
const PARAMERROR_CODE = 401; //参数格式错误
const SMSERROR_CODE = 402; //短信验证码错误
const BIND_CODE = 201; //绑定流程返回码
const RELATE_CODE = 203; //关联流程返回码
const BINDERROR_CODE = 205; //首次第三方登录，不可绑定，不可关联返回码
}
... ...
... ... @@ -4,6 +4,7 @@ namespace LibModels\Wap\Home;
use Api\Sign;
use Api\Yohobuy;
use LibModels\Web\Product\SearchData;
/**
* 购物车的数据模型
... ... @@ -430,5 +431,84 @@ class CartData
return Yohobuy::get(Yohobuy::API_URL, $param);
}
/**
* 凑单商品
*
* @param int $page 分页页码
* @return array
*/
public static function togetherProduct($page)
{
$param = Yohobuy::param();
$param['method'] = 'web.product.together';
$param['client_type'] = 'web';
$param['private_key'] = Yohobuy::$privateKeyList['web'];
$param['page'] = $page;
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
}
/**
* 浏览记录数据
*
* @param int $uid 用户ID
* @param int $udid 客户端唯一标识
* @param int $page 第几页，默认为1
* @param int $limit 限制多少条，默认100
* @return array 接口返回的数据
*/
public static function browseRecord($uid, $udid, $page = 1, $limit = 10)
{
$param = Yohobuy::param();
$param['method'] = 'app.browse.product';
$param['uid'] = $uid;
$param['udid'] = $udid;
$param['page'] = $page;
$param['limit'] = $limit;
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
}
/**
* 通过搜索查询商品信息
*
* 备注：因默认的搜索方法会有过滤, 浏览记录不需要过滤
*
* @param string $query 查询的条件
* @param int $limit 查询的限制数
* @return array
*/
public static function browseRecordFromSearch($query, $limit = 10)
{
$param = array();
$param['order'] = 'shelve_time:desc';
$param['page'] = 1;
$param['viewNum'] = $limit;
$param['query'] = $query;
return Yohobuy::get(SearchData::getUrl('search'), $param);
}
/**
* 选择支付，校验时间间隔，插入数据
* @param string $uid
* @param string $orderCode
* @param int $payment 14:银联手机支付 15:支付宝手机 18:支付宝wap(wap) 19:微信支付 22:微信wap（wap） 26:QQ钱包手机支付
* @return type
*/
public static function savePrePayInfo($uid, $orderCode, $payment)
{
$param = Yohobuy::param();
$param['method'] = 'app.order.savePrePayInfo';
$param['uid'] = $uid;
$param['orderCode'] = $orderCode;
$param['payment'] = $payment;
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
}
}
... ...
... ... @@ -332,6 +332,22 @@ class CartData
}
/**
* 购物车结算--获取用户可用和不可用的优惠券列表
*
* @param int $uid 用户ID
* @return array 接口返回的数据
*/
public static function getListCoupon($uid)
{
$param = Yohobuy::param();
$param['method'] = 'app.Shopping.listCoupon';
$param['uid'] = $uid;
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
}
/**
* 购物车结算--提交结算信息
*
* @param int $uid 用户ID
... ...
<?php
namespace LibModels\Web\Home;
use Api\Yohobuy;
use Api\Sign;
class CouponData
{
/**
* 获取领券频道资源
* @param type $code 资源码
* @param type $uid 用户uid
*/
public static function getCouponRousource($contentCode, $uid)
{
$param = Yohobuy::param();
$param['method'] = 'app.promotion.queryCouponCenter';
$param['contentCode'] = $contentCode;
if($uid !== 0){
$param['uid'] = $uid;
}
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL , $param);
}
/**
* 领取优惠券
* @param type $id 优惠券id
* @param type $uid 用户uid
*/
public static function sendCoupon($id, $uid)
{
$param = Yohobuy::param();
$param['method'] = 'app.promotion.getCoupon';
$param['couponId'] = $id;
$param['uid'] = $uid;
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
}
}
... ...
... ... @@ -26,14 +26,16 @@ class BindData
* @param int $area 所在地区
* @return array 登录返回结果
*/
public static function bindCheck($mobile, $openId, $sourceType, $area)
public static function bindCheck($mobile, $openId, $sourceType, $area, $clientType = 'web')
{
$param = Yohobuy::param();
$param['method'] = 'app.passport.check';
$param['method'] = 'app.passport.signCheck'; //app.passport.check
$param['area'] = $area;
$param['mobile'] = $mobile;
$param['open_id'] = $openId;
$param['source_type'] = $sourceType;
$param['client_type'] = $clientType;
$param['private_key'] = Yohobuy::$privateKeyList[$clientType];
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
... ... @@ -44,12 +46,14 @@ class BindData
* @param string $mobile 手机号
*
*/
public static function sendBindMsg($area, $mobile)
public static function sendBindMsg($area, $mobile, $clientType = 'web')
{
$param = Yohobuy::param();
$param['method'] = 'app.passport.smsbind';
$param['mobile'] = $mobile;
$param['area'] = $area;
$param['client_type'] = $clientType;
$param['private_key'] = Yohobuy::$privateKeyList[$clientType];
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
... ... @@ -59,13 +63,15 @@ class BindData
* 验证验证码是否正确
*
*/
public static function checkBindCode($area, $mobile, $code)
public static function checkBindCode($area, $mobile, $code, $clientType = 'web')
{
$param = Yohobuy::param();
$param['method'] = 'app.register.validRegCode';
$param['mobile'] = $mobile;
$param['code'] = $code;
$param['area'] = $area;
$param['client_type'] = $clientType;
$param['private_key'] = Yohobuy::$privateKeyList[$clientType];
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
... ... @@ -81,7 +87,7 @@ class BindData
* @param string $area 国别码
* @param string $password 密码
*/
public static function bindMobile($openId, $sourceType, $mobile, $area, $password = '', $nickname = '')
public static function bindMobile($openId, $sourceType, $mobile, $area, $password = '', $nickname = '', $clientType = 'web')
{
$param = Yohobuy::param();
... ... @@ -96,6 +102,32 @@ class BindData
if (!empty($password)) {
$param['password'] = $password;
}
$param['client_type'] = $clientType;
$param['private_key'] = Yohobuy::$privateKeyList[$clientType];
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
}
/**
* 第三方关联手机号
* @param type $openId
* @param type $sourceType
* @param type $mobile
* @param type $area
* @param type $clientType
*/
public static function relateMobile($openId, $sourceType, $mobile, $area, $clientType = 'web')
{
$param = Yohobuy::param();
$param['method'] = 'app.passport.relatedMobile';
$param['mobile'] = $mobile;
$param['openId'] = $openId;
$param['source_type'] = $sourceType;
$param['area'] = $area;
$param['client_type'] = $clientType;
$param['private_key'] = Yohobuy::$privateKeyList[$clientType];
$param['client_secret'] = Sign::getSign($param);
return Yohobuy::get(Yohobuy::API_URL, $param);
... ...
{{> layout/header}}
<div class="coupon-page yoho-page">
{{> layout/path-nav}}
{{# slide}}
{{>index/slide-banner}}
{{/ slide}}
{{# categories}}
<div class="title clearfix">
<span>{{title}}</span>
</div>
{{# coupons}}
<div class="coupon">
<a {{#if normal}}
class="enable"
{{/if}}
href="{{url}}"
target="_blank"
href="javascript:void(0);"
data-id="{{id}}"
>
<img src="{{img}}">
{{#if empty}}
<div class="coupon-mask"></div>
{{/if}}
<div class="info">
{{#if normal}}
<div class="normal">
<p>点击</p>
<p>领取</p>
</div>
{{/if}}
{{#if got}}
<div class="got">
<p>已领取</p>
<p class="guang">去使用</p>
</div>
{{/if}}
{{#if empty}}
<div class="empty">
<p>已抢光</p>
<p class="guang">去逛逛</p>
</div>
{{/if}}
</div>
</a>
</div>
{{/ coupons}}
{{/ categories}}
</div>
{{> layout/footer}}
... ...
{{> layout/header}}
<div class="bindsuccesswrapper">
<div class="successwrapper">
<span class="successtag"></span>
<span class="congratulation">恭喜！</span>
<span class="successnotify">您的号码已经绑定成功</span>
</div>
<h3 class="info">今后您可以选择{{sourceName}}或绑定的手机号码+密码的方式登录此账户</h3>
<a href="{{goShopping}}" class="yohobindbtn gobuynow">立即购物</a>
</div>
{{> layout/header}}
<div class="bindsuccesswrapper">
<div class="successwrapper">
<span class="successtag"></span>
<span class="congratulation">恭喜！</span>
{{#if relate}}
<span class="successnotify">您的手机号码已经关联成功</span>
{{^}}
<span class="successnotify">您的号码已经绑定成功</span>
{{/if}}
</div>
{{#if relate}}
<h3 class="info">该手机号码不能用来登录此账户，您可以选择继续使用{{sourceName}}登录</h3>
{{^}}
<h3 class="info">今后您可以选择{{sourceName}}或绑定的手机号码+密码的方式登录此账户</h3>
{{/if}}
<a href="{{goShopping}}" class="yohobindbtn gobuynow">立即购物</a>
</div>
{{> layout/footer}}
\ No newline at end of file
... ...
{{> layout/header}}
<div class="third-relate-page passport-page yoho-page clearfix">
{{# relate}}
<div id="relate-main" class="relate-main">
<div class="user-wrapper">
<div class="user-thumb">
<img src="{{thumb}}">
</div>
<label>用户名: {{userName}}</label>
</div>
<div class="remind-info">
<h3>手机号
<span>{{phoneNum}}</span>
已经被以上账户注册,点击
<a href="{{loginHref}}" target="_blank">登录该账号</a>
</h3>
<p>您可以使用此号码进行账户关联或更换一个新的手机号码</p>
</div>
<div class="option-btn">
<a id="next-step-btn">关联此手机号</a>
<a href="{{changeHref}}">更换新手机号</a>
</div>
<p class="remind-tips">注：关联的手机号码不能用来登录此账户</p>
</div>
<div id="code-validate" class="code-validate hide">
<div class="action-link">短信验证码已发送至<span>{{phoneNum}}</span></div>
<div class="validate-wrapper action-link">
<div class="code-name">短信验证码</div>
<input type="text" class="msg-code">
<label class="get-code">免费获取短信验证码</label>
<label class="count-down"><span>60</span>秒后可重新操作</label>
<div class="code-error hide">
<i></i>
验证码错误
</div>
</div>
<div class="action-link">
<button id="relate-btn" class="relate-btn">确定</button>
</div>
<p class="remind-tips">
<span class="left">注：关联的手机号码不能用来登录此账户</span>
<a class="perv-step right">返回上一步</a>
</p>
</div>
<div id="hide-info" data-mobile="{{phoneNum}}" data-area="{{areaCode}}" data-openid="{{openId}}" data-source="{{sourceType}}"></div>
{{/ relate}}
</div>
{{> layout/footer}}
\ No newline at end of file
... ...
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.

4.98 KB | W: | H:

4.79 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

47.4 KB | W: | H:

48.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.68 KB | W: | H:

4.06 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

4.98 KB | W: | H:

4.79 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

47.4 KB | W: | H:

48.3 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

3.68 KB | W: | H:

4.06 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -46,6 +46,6 @@ require('./js/pay/wechatqrcode');
require('./js/about/entry');
//领券频道
//require('./js/coupon/entry');
require('./js/coupon/entry');
module.exports = webYohobuy;
... ...
... ... @@ -51,6 +51,15 @@ function createDialog(data) {
return $('.yoho-dialog');
}
function cerateSubContent(text) {
var $yohoDialog = $('.yoho-dialog'),
subContent = '<p class="sub-content">' + text + '</p>';
if ($yohoDialog && $yohoDialog.length > 0) {
$yohoDialog.find('.content').after(subContent);
}
}
function Dialog(options) {
var opt = $.extend({}, defaultOptions, options);
var that = this,
... ... @@ -64,13 +73,30 @@ function Dialog(options) {
if (opt.mask) {
that.$mask = createMask();
}
that.$el = createDialog(opt);
if (opt.subContent) {
cerateSubContent(opt.subContent);
}
if (opt.subContents) {
for (i = opt.subContents.length - 1; i >= 0; i--) {
cerateSubContent(opt.subContents[i]);
}
}
//绑定x关闭事件
that.$el.find('.close').click(function() {
that.close();
});
//绑定btn关闭事件
that.$el.find('.btn-close').click(function() {
that.close();
});
function bindBtnEvt(index) {
that.$el.find('#dialog-' + opt.btns[index].id).on('click', function() {
opt.btns[index].cb && opt.btns[index].cb();
... ... @@ -159,4 +185,4 @@ Confirm.prototype = new Dialog({
inherit: true
});
Confirm.prototype.constructor = Confirm;
exports.Confirm = Confirm;
\ No newline at end of file
exports.Confirm = Confirm;
... ...
/**
* 分享
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2016/3/1
*/
var $ = require('yoho.jquery');
function shareBase(options) {
var openUrl = '';
var defOption = {
title: '',
url: window.location.href,
weixinUrl: '',
image: '',
desc: '',
channel: ''
};
var shareChannels = ['weibo', 'tweibo', 'qzone', 'renren', 'qq', 'douban','weixin'];
var sharebox;
var shareCon = '<em><i></i></em>';
defOption = $.extend(defOption, options);
if ($.inArray(defOption.channel, shareChannels) === -1) {
alert('不存在的分享平台!');
return false;
}
switch (defOption.channel) {
case 'weibo':
openUrl = 'http://service.weibo.com/share/share.php?url=' + defOption.url + '&title=' +
defOption.title + '&appkey=3739328910&searchPic=true&pic=' + defOption.image;
break;
case 'tweibo':
openUrl = 'http://share.v.t.qq.com/index.php?c=share&a=index&url=' + defOption.url + '&title=' +
defOption.title + '&appkey=c0af9c29e0900813028c2ccb42021792&pic=' + defOption.image;
break;
case 'qzone':
openUrl = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + defOption.url + '&title=' +
defOption.title + '&desc=&summary=' + defOption.desc + '&site=YOHO!有货&pics=' + defOption.image;
break;
case 'renren':
openUrl = 'http://widget.renren.com/dialog/share?resourceUrl=' + defOption.url + '&srcUrl=' +
defOption.url + '&desc=' + defOption.desc + '&title=' + defOption.title + '&description=' +
defOption.desc + '&pic=' + defOption.image;
break;
case 'qq':
openUrl = 'http://connect.qq.com/widget/shareqq/index.html?url=' + defOption.url + '&desc=' +
defOption.desc + '&title=' + defOption.title.replace('%', '') + '&desc=&summary=' +
defOption.desc + '&site=YOHO!有货&pics=' + defOption.image;
break;
case 'weixin':
openUrl = 'http://s.jiathis.com/qrcode.php?url=' + defOption.weixinUrl + '&desc=' +
defOption.desc + '&title=' + defOption.title + '&description=' +
defOption.desc + '&pic=' + defOption.image;
break;
case 'douban':
openUrl = 'http://www.douban.com/share/service?href=' + defOption.url + '&text=' +
defOption.desc + '&image=' + defOption.image + '&title=' + defOption.title + '&comment=';
break;
}
if (defOption.channel === 'weixin') {
if (!defOption.self) {
return;
}
sharebox = defOption.self.closest('.share-to').find('.weixin-share-box');
if (sharebox.length > 0) {
shareCon += '<div class="con"><h2>分享到微信朋友圈</h2><p class="pic">' +
'<img src="' + openUrl + '" /></p><p class="w">打开微信，点击底部得“发现”，使用<br/>“扫一扫“即可将网页分享到我的朋友圈。</p>' +
'<a href="javascript:void(0)" class="close">x</a></div>';
sharebox.find('div').length > 0 ? sharebox.show() : sharebox.html(shareCon).show();
sharebox.find('.close').click(function() {
$(this).closest('.weixin-share-box').hide();
});
}
} else {
window.open(encodeURI(openUrl));
}
}
function share(channel, self) {
var title = document.title.replace(/(^\s*)|(\s*$)/g, '');
var desc = $('#share-desc').val();
var image = $('#share-img').val();
var weixinUrl = $('#weixin-url').val();
if (channel === 'weibo' || channel === 'tqq') {
shareBase({
channel: channel,
title: title,
image: image
});
} else {
shareBase({
channel: channel,
title: title,
desc: desc,
image: image,
self: self,
weixinUrl: weixinUrl
});
}
}
$('.share-wrapper').on('click', 'i', function() {
var $el = $(this),
type = $el.data('type');
if (type === 'weixin') {
share(type, $el);
} else {
share(type);
}
});
\ No newline at end of file
/**
* 分享
* @author: xuqi<qi.xu@yoho.cn>
* @date: 2016/3/1
*/
var $ = require('yoho.jquery');
function shareBase(options) {
var openUrl = '';
var defOption = {
title: '',
url: window.location.href,
weixinUrl: '',
image: '',
desc: '',
channel: ''
};
var shareChannels = ['weibo', 'tweibo', 'qzone', 'renren', 'qq', 'douban','weixin'];
var sharebox;
var shareCon = '<em><i></i></em>';
defOption = $.extend(defOption, options);
if ($.inArray(defOption.channel, shareChannels) === -1) {
alert('不存在的分享平台!');
return false;
}
switch (defOption.channel) {
case 'weibo':
openUrl = 'http://service.weibo.com/share/share.php?url=' + defOption.url + '&title=' +
defOption.title + '&appkey=3739328910&searchPic=true&pic=' + defOption.image;
break;
case 'tweibo':
openUrl = 'http://share.v.t.qq.com/index.php?c=share&a=index&url=' + defOption.url + '&title=' +
defOption.title + '&appkey=c0af9c29e0900813028c2ccb42021792&pic=' + defOption.image;
break;
case 'qzone':
openUrl = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=' + defOption.url + '&title=' +
defOption.title + '&desc=&summary=' + defOption.desc + '&site=YOHO!有货&pics=' + defOption.image;
break;
case 'renren':
openUrl = 'http://widget.renren.com/dialog/share?resourceUrl=' + defOption.url + '&srcUrl=' +
defOption.url + '&desc=' + defOption.desc + '&title=' + defOption.title + '&description=' +
defOption.desc + '&pic=' + defOption.image;
break;
case 'qq':
openUrl = 'http://connect.qq.com/widget/shareqq/index.html?url=' + defOption.url + '&desc=' +
defOption.desc + '&title=' + defOption.title.replace('%', '') + '&desc=&summary=' +
defOption.desc + '&site=YOHO!有货&pics=' + defOption.image;
break;
case 'weixin':
openUrl = 'http://s.jiathis.com/qrcode.php?url=' + defOption.weixinUrl + '&desc=' +
defOption.desc + '&title=' + defOption.title + '&description=' +
defOption.desc + '&pic=' + defOption.image;
break;
case 'douban':
openUrl = 'http://www.douban.com/share/service?href=' + defOption.url + '&text=' +
defOption.desc + '&image=' + defOption.image + '&title=' + defOption.title + '&comment=';
break;
}
if (defOption.channel === 'weixin') {
if (!defOption.self) {
return;
}
sharebox = defOption.self.closest('.share-to').find('.weixin-share-box');
if (sharebox.length > 0) {
shareCon += '<div class="con"><h2>分享到微信朋友圈</h2><p class="pic">' +
'<img src="' + openUrl + '" /></p><p class="w">打开微信，点击底部得“发现”，使用<br/>“扫一扫“即可将网页分享到我的朋友圈。</p>' +
'<a href="javascript:void(0)" class="close">x</a></div>';
sharebox.find('div').length > 0 ? sharebox.show() : sharebox.html(shareCon).show();
sharebox.find('.close').click(function() {
$(this).closest('.weixin-share-box').hide();
});
}
} else {
window.open(encodeURI(openUrl));
}
}
function share(channel, self) {
var title = document.title.replace(/(^\s*)|(\s*$)/g, '');
var desc = $('#share-desc').val();
var image = $('#share-img').val();
var weixinUrl = $('#weixin-url').val();
if (channel === 'weibo' || channel === 'tqq') {
shareBase({
channel: channel,
title: title,
image: image
});
} else {
shareBase({
channel: channel,
title: title,
desc: desc,
image: image,
self: self,
weixinUrl: weixinUrl
});
}
}
$('.share-wrapper').on('click', 'i', function() {
var $el = $(this),
type = $el.data('type'),
$weixinShareBox = $('.weixin-share-box');
if (type === 'weixin') {
share(type, $el);
} else {
$weixinShareBox.hide();
share(type);
}
});
... ...
/**
* 领券频道
* @author: 赵彪<bill.zhao@yoho.cn>
* @date: 2016/04/14
*/
var $ = require('yoho.jquery'),
lazyLoad = require('yoho.lazyload'),
Dialog = require('../common/dialog').Dialog;
var alertConfig,
makeAlert;
// j面跳转对象
var redirect = {
// 去逛逛跳转链接
gunangSrc: null,
// 查看优惠券跳转链接
checkCouponSrc: null,
goToGuang: function() {
window.location.href = this.gunangSrc;
},
goToCheck: function() {
window.location.href = this.checkCouponSrc;
},
// 处理网络返回
403: function(url) {
window.location.href = url;
},
200: function(url) {
this.checkCouponSrc = url;
}
};
//加载底部图片
lazyLoad($('img.lazy'));
require('../common/slider');
$('.slide-container').slider();
// 根据配置执行展示弹窗
function couponAlert(opt) {
var newAlert = new Dialog(opt);
newAlert.show();
}
// 配置弹窗
alertConfig = {
success: {
content: '恭喜您，成功领取优惠券',
subContents: ['特殊情况下到账有延时', '请耐心等待'],
className: 'subcontent-dialog',
btns: [
{
id: 1,
name: '去购物啦',
btnClass: ['black', 'btn-close'],
cb: function() {
redirect.goToGuang();
}
},
{
id: 2,
name: '查看优惠券',
btnClass: ['btn-close'],
cb: function() {
redirect.goToCheck();
}
}
]
},
alreadyGot: {
content: '您已领取过优惠券',
subContent: '快去选购心仪的潮品吧',
className: 'subcontent-dialog',
btns: [
{
id: 1,
name: '去使用',
btnClass: ['btn-close'],
cb: function() {
redirect.goToGuang();
}
}
]
},
expired: {
content: '优惠券已过期',
subContent: '去领最新的优惠券吧',
className: 'subcontent-dialog',
btns: [
{
id: 1,
name: '关闭',
btnClass: ['btn-close']
}
]
},
failed: {
content: '领取失败',
subContents: ['请刷新重试,', '多次无效请联系客服'],
className: 'subcontent-dialog',
btns: [
{
id: 1,
name: '刷新',
btnClass: ['btn-close'],
cb: function() {
window.location.reload();
}
}
]
}
};
// 对应不同的网络返回码展示不同的弹窗
makeAlert = {
200: function() {
couponAlert(alertConfig.success);
},
401: function() {
couponAlert(alertConfig.alreadyGot);
},
315: function() {
couponAlert(alertConfig.expired);
},
400: function() {
couponAlert(alertConfig.failed);
},
403: function() {
// do not make alert when user are not login in
}
};
function requestCoupon(id) {
$.ajax({
type: 'GET',
url: '/coupon/sendcoupon',
data: {
id: id
},
success: function(res) {
var code = res.code;
// 如果返回的数据里有url，则执行redirect里的方法
res.url && res.url.length > 0 && redirect[code] && redirect[code](res.url + '?'+ location.href.split('?')[1]);
// 如果能找到对应code则执行相应方法，如果没有的对应code则执行error提示
makeAlert[code] ? makeAlert[code]() : makeAlert['400']();
},
error: function(err) {
var Alert = require('../common/dialog').Alert;
new Alert('网络异常').show();
}
});
}
$('.enable .info').on('click', function(e) {
e.preventDefault();
requestCoupon($(this).closest('a').data('id'));
redirect.gunangSrc = $(this).closest('a').get(0).href;
});
... ...
/**
* 领券频道打包入口
* @author: zhaobiao<biao.zhao@yoho.cn>
* @date: 2016/4/12
*/
require('./coupon');
... ...
/**
* 退换货申请
* 我的评论
* @author: yyqing<yanqing.yang@yoho.cn>
* @date: 2016/3/1
*/
... ...
/**
* 退换货详情
* 我的投诉
* @author: yyqing<yanqing.yang@yoho.cn>
* @date: 2016/3/18
*/
... ...
... ... @@ -36,7 +36,7 @@ var pageType = 0, // 0-换货 1-退货
colorSize = {},
timer;
require('../../plugin/jquery.upload');
require('../../plugin/jquery.qupload');
if (defaultPhone) {
$hidePhone.remove();
... ... @@ -69,8 +69,31 @@ function syncRefundMode(code) {
});
}
function setBackInput(type) {
$payYoho.hide();
if (type === 2) {
$payBank.show();
$payAli.hide();
$payYoho.hide();
} else if (type === 3) {
$payAli.show();
$payBank.hide();
$payYoho.hide();
} else if (type === 4) {
$payYoho.show();
$payBank.hide();
$payAli.hide();
}
}
if ($refundInfo.length) {
pageType = 1;
$refundType.each(function() {
if ($(this).prop('checked')) {
setBackInput($(this).val() * 1);
}
});
} else {
syncRefundMode(defaultArea);
}
... ... @@ -130,20 +153,24 @@ $goodsTable.on('click', '.btn-del', function() {
});
$file.each(function(e) {
$('#upload-img-' + e).upload({
auto: true,
buttonClass: 'upload-img-btn',
fileType: 'image/*',
uploadScript: '/home/returns/imgUpload',
fileObjName: 'fileData',
fileSizeLimit: 5000,
buttonText: '上传图片',
height: 34,
width: 116,
multi: false,
onUploadComplete: function(file, data) {
var $par = $(this).closest('.problem-description'),
$imgList = $par.find('li'),
var $this = $('#upload-img-' + e),
$par = $this.closest('.problem-description');
$this.qupload({
button_image_url: '',
upload_url: window.location.origin + '/home/returns/imgUpload',
file_post_name: 'fileData',
button_text: '<span class="btn_upload_text">上传图片</span>',
button_text_style: '.btn_upload_text{color: #ffffff;}',
button_width: 116,
button_height: 33,
button_text_left_padding: 32,
button_text_top_padding: 8,
button_action: window.SWFUpload.BUTTON_ACTION.SELECT_FILE,
file_size_limit: '10240',
file_types: '*.jpg;*.jpeg;*.png;*.bmp',
uploadSuccessed: function(data) {
var $imgList = $par.find('li'),
isShow = false,
img, _html;
... ... @@ -157,14 +184,6 @@ $file.each(function(e) {
$(this).html(_html);
}
});
},
onError: function(info, fileType, data) {
var msg = '图片上传失败！';
if (info === 'FILE_SIZE_LIMIT_EXCEEDED') {
msg = '图片大小超出限制！';
}
alert(msg);
}
});
});
... ... @@ -180,20 +199,7 @@ $exchange.on('change', '#area', function() {
$refundType.change(function() {
var type = $(this).val() * 1;
$payYoho.hide();
if (type === 2) {
$payBank.show();
$payAli.hide();
$payYoho.hide();
} else if (type === 3) {
$payAli.show();
$payBank.hide();
$payYoho.hide();
} else if (type === 4) {
$payYoho.show();
$payBank.hide();
$payAli.hide();
}
setBackInput(type);
});
// 打包退换货商品信息
... ...
... ... @@ -725,19 +725,14 @@ function getYohoBiList() {
if (d.code === 200) {
data = d.data;
dLen = data.length;
for (i = 0; i < dLen; i++) {
juanStr += '<li>' +
'<input name="juangroup" type="radio" value="' + data[i].code + '">' +
'<label>' + data[i].desc + '</label>' +
'<input name="juangroup" type="radio" value="' +
data[i].code + '" ' + (data[i].valid ? '' : 'disabled="disabled"') + '>' +
'<label>' + data[i].desc + '</label>' +
'</li>';
}
// for (i = 0; i < dLen; i++) {
// juanStr += '<li>' +
// '<input name="juangroup" type="radio" value="' +
// data[i].code + '" ' + (data[i].valid ? '' : 'disabled="disabled"') + '>' +
// '<label>' + data[i].desc + '</label>' +
// '</li>';
// }
$juanUl.prepend($(juanStr));
... ...
/**
* 我的信息
* 第三方关联
* @author: yyqing<yanqing.yang@yoho.cn>
* @date: 2016/4/11
*/
... ... @@ -10,6 +10,7 @@ var $relateMain = $('#relate-main'),
$vaWrapper = $codeValidate.find('.validate-wrapper'),
$msgCode = $codeValidate.find('.msg-code'),
$second = $codeValidate.find('.count-down span'),
$errTip = $codeValidate.find('.code-error'),
$hideDom = $('#hide-info');
var relate = {};
... ... @@ -88,7 +89,10 @@ function relateMobile() {
}).then(function(jsonData) {
if (jsonData.code === 200) {
window.location.href = jsonData.data.refer;
} else if (jsonData.code === 402) {
$errTip.removeClass('hide');
} else {
$errTip.addClass('hide');
alert(jsonData.message);
}
});
... ... @@ -97,9 +101,17 @@ function relateMobile() {
$('#next-step-btn').click(function() {
sendVerifyMsg();
$relateMain.addClass('hide');
$errTip.addClass('hide');
$codeValidate.removeClass('hide');
});
$codeValidate.on('keydown', '.msg-code', function(e) {
if (e.keyCode === 13) {
relateMobile();
return false;
}
});
$codeValidate.on('click', '.get-code', function() {
sendVerifyMsg();
});
... ...
... ... @@ -353,7 +353,26 @@ function nextStep() {
// 已注册 可关联
$('#bindmobileform').attr('action', data.data.next);
$('#bindmobileform').submit();
} else if (data.code === 400 || data.code === 402) {
} else if (data.code === 205) {
// 未注册 不可关联
username = data.data.user.username;
headImg = data.data.user.headImg;
$('#registphonetwo').text(mobile);
$('#username1').text(username);
if (headImg === '') {
$('#userphoto1').attr('src', 'http://img10.static.yhbimg.com/headimg/2013/11/28/09/' +
'01cae078abe5fe320c88cdf4c220212688.gif?imageView/2/w/100/h/100');
} else {
$('#userphoto1').attr('src', headImg);
}
$('#logindirectly').attr('href', data.data.user.bindLogin);
$('.backdrop').show();
$('#bindconfirm .mask').css({
'padding-top': winHeight > 440 ? winHeight / 2 : 217
});
$('#bindconfirm').show();
} else if (data.code === 402) {
$phoneTip.find('em').text('手机格式错误');
$phoneTip.removeClass('hide');
} else {
... ... @@ -366,6 +385,13 @@ function nextStep() {
});
}
$wrapper.on('keydown', '.phonenum', function(e) {
if (e.keyCode === 13) {
$nextBtn.trigger('click');
return false;
}
});
function init() {
fixAreaNum(); //去掉所有区域的+
sendMessageValidate(); //有交互的发送短信
... ...
... ... @@ -20,10 +20,12 @@ $wOdetail.click(function() {
}
});
$wPerm.qrcode($wPerm.data('url'));
$wPerm.qrcode({
render: 'table',
text: $wPerm.data('url')
});
function checkPayStatus() {
console.log('ll');
$.ajax({
url: $payHost,
dataType: 'jsonp',
... ...
/**
* 品牌页面
* @auhtor: bikai<kai.bi@yoho.cn>
* @date: 2016/1/21
*/
var $ = require('yoho.jquery');
var $brandFavor = $('#brand-favor'),
id = $brandFavor.data('id');
$brandFavor.on('click', function() {
$.ajax({
type: 'post',
url: '/product/index/favoriteBrand',
data: {
brandId: id
}
}).then(function(res) {
if (res.code === 200) {
if (res.message === 'add') {
$brandFavor.find('i').addClass('coled');
} else {
$brandFavor.find('i').removeClass('coled');
}
} else if (res.code === 403) {
location.href = 'http://www.yohobuy.com/signin.html?refer=' + encodeURIComponent(location.href);
}
});
});
//页面进入更新收藏状态
$.ajax({
type: 'POST',
url: '/product/index/isFavoriteBrand',
data: {
brandId: id
}
}).then(function(data) {
if (data.code === 200) {
//已收藏
$brandFavor.find('i').addClass('coled');
} else if (data.code === 404) {
//未收藏
$brandFavor.find('i').removeClass('coled');
}
});
/**
* 品牌页面
* @auhtor: bikai<kai.bi@yoho.cn>
* @date: 2016/1/21
*/
var $ = require('yoho.jquery');
var $brandFavor = $('#brand-favor'),
id = $brandFavor.data('id');
$brandFavor.on('click', function() {
$.ajax({
type: 'post',
url: '/product/index/favoriteBrand',
data: {
brandId: id
}
}).then(function(res) {
if (res.code === 200) {
$brandFavor.find('i').toggleClass('coled');
} else if (res.code === 403) {
location.href = 'http://www.yohobuy.com/signin.html?refer=' + encodeURIComponent(location.href);
}
});
});
//页面进入更新收藏状态
$.ajax({
type: 'POST',
url: '/product/index/isFavoriteBrand',
data: {
brandId: id
}
}).then(function(data) {
if (data.code === 200) {
//已收藏
$brandFavor.find('i').addClass('coled');
} else if (data.code === 404) {
//未收藏
$brandFavor.find('i').removeClass('coled');
}
});
... ...
... ... @@ -67,12 +67,6 @@ $mode.click(function() {
return false;
});
//支付方式选择按钮
$('.btnby').click(function() {
orderCode = $('.order-num').text();
window.open($payUrl + '?order_code=' + orderCode + '&payment_type=' + $showValue);
$lightBox.show();
});
$('.close').click(function() {
$lightBox.hide();
... ... @@ -80,4 +74,27 @@ $('.close').click(function() {
$('.change').click(function() {
$lightBox.hide();
});
\ No newline at end of file
});
//支付方式选择按钮
function getData(payment,orderCode){
$.ajax({
type:"get",
url:"/common/addpaymentinterval",
dataType:'json',
data:{
orderCode:orderCode,
payment:payment
}
});
}
$("#btnby").click(function(){
payment = $(".choose-type").attr("data-id");
orderCode = $('.order-num').text();
getData(payment,orderCode);
window.open($payUrl + '?order_code=' + orderCode + '&payment_type=' + $showValue);
$lightBox.show();
})
... ...
{
"name": "web-yohobuy",
"version": "0.0.22",
"version": "0.0.23",
"description": "web yohobuy static",
"keywords": [],
"homepage": "",
... ...
.yoho-header {
.header-topwrapper {
width: 100%;
background-color: #f4f4f4;
min-width: 1150px;
}
.header-top {
width: 1150px;
height: 32px;
line-height: 32px;
margin: 0 auto;
position: relative;
}
.leftpart {
position: relative;
padding-left: 5px;
padding-right: 5px;
}
.leftpart:hover {
background-color: #dcdcdc;
.yohoproducts-list {
display: block !important;
}
}
.leftpart .acttags {
background-color: #dcdcdc;
}
.yohoproducts-list {
position: absolute;
display: none;
width: 170px;
left: 0;
top: 32px;
background-color: #f4f4f4;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
z-index: 10000000;
}
.yohoproducts-item {
height: 14px;
line-height: 14px;
margin-bottom: 20px;
a {
color: #9196a0;
font-size: 14px;
}
&:hover a {
color: black;
}
}
.rightpart {
position: absolute;
right: 0;
top: 0;
.acttags {
background-color: #dcdcdc;
}
.tag-seprate {
border-color: #dcdcdc;
}
}
.hi,
.loginbar,
.registbar {
display: inline-block;
float: left;
}
.hi {
color: #8e8e8e;
font-size: 12px;
}
#loginBox a,
#loginBox span {
color: black;
font-size: 12px;
}
.header-yoho,
.loginbar,
.login-out,
.registbar {
color: black;
font-size: 12px;
}
.registbar {
margin-left: 7px;
}
.tag-list-wrapper {
margin-left: 13px;
float: left;
}
.tag-list {
margin-left: 13px;
height: 34px;
}
.tag-seprate {
margin-top: 11px;
width: 0;
height: 14px;
display: inline-block;
float: left;
border-left: 1px solid #dcdcdc;
}
.tag-item {
display: inline-block;
float: left;
line-height: 32px;
box-sizing: border-box;
margin-left: -1px;
a {
color: #8e8e8e;
font-size: 12px;
display: inline-block;
}
span {
display: inline-block;
}
}
.myyoho {
padding-right: 10px;
position: relative;
.tag-seprate {
margin-right: 12px;
}
}
.myyoho-info {
position: absolute;
display: none;
top: 32px;
left: -110px;
width: 300px;
background-color: #f8f8f8;
z-index: 1000000;
}
.myyoho-photo {
overflow: hidden;
img{
display: block;
margin:0 auto;
width: 63px;
height: 63px;
border-radius: 50%;
}
}
.myyoho-info-header {
margin: 17px auto 0;
width: 257px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
padding-bottom: 15px;
}
.user-email {
margin-top: 14px;
color: black;
height: 25px;
line-height: 20px;
font-size: 18px;
}
.user-level {
color: black;
height: 20px;
line-height: 20px;
font-size: 18px;
.leveldetail {
color: #8cc4f9;
}
}
.levelinfo {
width: 100%;
padding-top: 10px;
clear: both;
height: 15px;
}
.levelwrapper {
width: 150px;
height: 14px;
background-color: #e2e2e2;
margin-left: 40px;
position: relative;
}
.levelspan {
position: absolute;
left: 2px;
height: 14px;
top: 0;
line-height: 16px;
}
.levelwrapper .integrate {
height: 14px;
line-height: 15px;
background-color: #ceae64;
text-align: left;
padding-left: 5px;
}
.cardcate {
font-size: 14px;
line-height: 14px;
margin-left: 5px;
}
.myyoho-info-content {
margin: 20px auto 0;
padding-left: 35px;
padding-right: 29px;
border-bottom: 1px solid #dcdcdc;
.item {
height: 12px;
line-height: 12px;
margin-bottom: 16px;
a {
font-size: 14px;
color: black;
}
}
}
.myyoho-info-footer {
height: 51px;
line-height: 51px;
text-align: center;
a {
color: black;
font-size: 14px;
}
}
.myorder {
padding-right: 10px;
.tag-seprate {
margin-right: 11px;
}
}
.mycollect {
padding-right: 11px;
.tag-seprate {
margin-right: 11px;
}
}
.message {
padding-right: 10px;
.tag-seprate {
margin-right: 11px;
}
}
.phone {
padding-right: 8px;
position: relative;
.tag-seprate {
margin-right: 10px;
}
}
.qr {
position: absolute;
display: none;
top: 32px;
left: -100px;
width: 231px;
height: 290px;
background-color: #f8f8f8;
z-index: 10000000;
}
.qr-img {
position: relative;
background-image: resolve(/header/qr.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 32px auto 15px;
width: 143px;
height: 147px;
}
.qr-words {
height: 25px;
line-height: 25px;
font-size: 16px;
text-align: center;
}
.qr-more {
margin-top: 6px;
line-height: 25px;
font-size: 14px;
text-align: center;
}
.onlineserver .tag-seprate {
margin-right: 10px;
}
.header-navwrapper {
width: 100%;
height: 130px;
position: relative;
min-width: 1150px;
}
.header-navcontent {
width: 1150px;
height: 130px;
margin: 0 auto;
}
.first-nav-list {
margin-top: 45px;
}
.first-nav-item {
float: left;
padding: 8px 23px 0;
}
.all a,
.girls a,
.boys a,
.kids a,
.lifestyle a {
color: white !important;
}
.all span,
.girls span,
.boys span,
.kids span,
.lifestyle span {
color: white !important;
}
.all {
background-color: #5e4b3c;
.sub-nav-wrapper {
background-color: black;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid black;
}
}
.searchcateboys {
.searchinput {
border: 1px solid #3a3a3a
}
.icon-search {
background-color: #3a3a3a!important
}
}
.searchcategirls {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatewoman {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatekids {
.searchinput {
border: 1px solid #7bd3f9 !important
}
.icon-search {
background-color: #7bd3f9!important
}
}
.gobuyboys {
background: inline(/header/cart/boys.png) no-repeat;
}
.gobuygirls {
background: inline(/header/cart/girls.png) no-repeat;
}
.gobuykids {
background: inline(/header/cart/kids.png) no-repeat;
}
.gobuylifestyle {
background: inline(/header/cart/lifestyle.png) no-repeat;
}
.searchcatelifestyle {
.searchinput {
border: 1px solid #5e4b3c !important
}
.icon-search {
background-color: #5e4b3c !important
}
}
.boys {
background-color: #3a3a3a;
.sub-nav-wrapper {
background-color: #3a3a3a;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #3a3a3a;
}
}
.girls {
background-color: #ff88ae;
.sub-nav-wrapper {
background-color: #ff88ae;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #ff88ae;
}
}
.kids {
background-color: #7bd3f9;
.sub-nav-wrapper {
background-color: #7bd3f9;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #7bd3f9;
}
}
.lifestyle {
background-color: #5e4b3c;
.sub-nav-wrapper {
background-color: #5e4b3c;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #5e4b3c;
}
}
.name-cn {
text-align: center;
line-height: 16px !important;
a {
color: black;
font-size: 16px !important;
}
}
.name-en {
text-align: center;
line-height: 14px !important;
margin-bottom: 6px;
a {
color: #8e8e8e;
font-size: 12px;
line-height: 14px !important;
font-family: 'arial' !important;
}
}
.sub-nav-wrapper {
display: none;
height: 40px;
left: 0;
width: 100%;
position: absolute;
z-index: 1000;
}
.sub-nav-list {
width: 1150px;
height: 40px;
margin: 0 auto;
overflow: hidden;
}
.sub-nav-item {
float: left;
padding: 12px 46px 12px 0;
box-sizing: border-box;
margin-right: 38px;
&:last-child {
margin-right: 0 !important;
}
a {
position: relative;
color: white;
font-size: 14px;
line-height: 14px;
display: inline-block;
}
}
.newlogo {
display: block;
width: 26px;
height: 12px;
background-image: resolve(/header/new.png);
background-repeat: no-repeat;
position: absolute;
right: -29px;
top: -6px;
}
.sub-nav-item:hover > a {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.actsecondnav {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.sub-nav-item:hover .third-nav-wrapper {
display: block;
}
.third-nav-wrapper {
box-sizing: border-box;
height: 410px;
position: absolute;
left: 0;
top: 38px;
width: 100%;
min-width: 1150px;
display: none;
z-index: 10000;
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
}
.third-nav {
width: 1150px;
height: 100%;
margin: 0 auto;
}
.category {
width: 880px;
float: left;
overflow: hidden;
.thirdnavlist {
box-sizing: border-box;
width: 220px;
height: 240px;
float: left;
padding-left: 20px;
border-right: 1px solid #dcdcdc;
padding-right: 20px;
}
}
.category-title {
color: black;
font-size: 16px;
width: 178px;
padding-bottom: 12px;
border-bottom: 1px solid #000;
line-height: 16px;
margin-bottom: 20px;
a {
color: black !important;
}
}
.category-list {
margin-top: 16px;
margin-bottom: 30px;
}
.category-item {
line-height: 28px;
}
.category-list a {
color: #a1a1a1 !important;
font-size: 14px;
}
.category-list .category-item .hot {
color: #ee0011 !important;
font-size: 14px;
}
.category-item-act a {
color: black !important;
}
.showdetail {
box-sizing: border-box;
padding-left: 19px;
padding-right: 19px;
width: 337px;
height: 250px;
float: right;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
vertical-align: middle;
background-repeat: none;
}
.icon-hamburger {
background: inline(/header/hamburger.png) no-repeat;
width: 13px;
height: 11px;
}
.icon-headphones {
background: inline(/header/iphone.png) no-repeat;
width: 15px;
height: 10px;
margin-top: 2px;
}
.icon-heart {
background: inline(/header/heart.png) no-repeat;
width: 12px;
height: 11px;
margin-top: -2px;
}
.icon-mail {
background: inline(/header/mail.png) no-repeat;
width: 16px;
height: 10px;
margin-top: -2px;
}
.icon-iphone {
background: inline(/header/iphone.png) no-repeat;
width: 8px;
height: 14px;
margin-top: -2px;
}
.icon-papers {
background: inline(/header/paper.png) no-repeat;
width: 10px;
height: 14px;
margin-top: -2px;
}
.icon-bottomarrow {
background: inline(/header/bottom-arrow.png) no-repeat;
width: 10px;
height: 5px;
margin-top: -2px;
}
.icon-logo {
background: inline(/header/logo.png) no-repeat center center;
width: 182px;
height: 53px;
top: 22px;
left: 44.2%;
position: absolute;
.main-link {
display: block;
width: 100%;
height: 100%;
}
}
.search {
position: relative;
}
.searchspan {
margin-top: 45px;
float: left;
display: inline-block;
overflow: hidden;
}
.searchinput {
float: left;
width: 240px;
height: 28px;
border: 1px solid #000;
box-sizing: border-box;
padding: 6px 0 5px 10px;
border-right: none;
}
.icon-search {
background: inline(/header/search.png) no-repeat center center;
width: 80px;
height: 28px;
float: left;
border: none;
margin-top: 45px;
background-color: #3a3a3a;
}
.search-list {
position: absolute;
top: 73px;
left: 0;
z-index: 1000;
box-sizing: border-box;
display: none;
background-color: white;
padding-top: 20px;
width: 100%;
max-height: 500px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
.search-item {
position: relative;
padding: 5px;
height: 25px;
line-height: 25px;
font: 12px;
&:hover {
background-color: #f4f4f4;
}
}
.searchvalue {
position: absolute;
left: 10px;
max-width: 192px;
font-size: 12px;
@mixin ellipsis;
}
.valuenum {
position: absolute;
right: 10px;
font-size: 12px;
}
.header-tool {
padding-right: 23px;
}
.gobuy {
margin-top: 47px;
margin-left: 23px;
width: 30px;
height: 30px;
position: relative;
cursor: pointer;
}
.gobuy-wrapper {
position: absolute;
display: none;
top: 30px;
right: -14px;
width: 378px;
background-color: #f8f8f8;
z-index: 10000000;
}
.gobuy-empty {
position: absolute;
width: 100%;
height: 507px;
z-index: 1;
background: #f8f8f8 resolve(/header/empty_car.png) no-repeat 106px 132px;
.information {
margin-top: 300px;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 18px;
text-align: center;
}
}
.gobuy-loading {
position: absolute;
width: 100%;
height: 407px;
z-index: 1;
background: #f8f8f8 resolve(/header/loading.gif) no-repeat center 150px;
.information {
margin-top: 180px;
width: 100%;
height: 12px;
line-height: 12px;
font-size: 12px;
text-align: center;
}
}
.gobuy-notempty {
position: absolute;
width: 100%;
z-index: 1;
background-color: #f8f8f8;
overflow: hidden;
}
.goods-list-wrapper {
width: 100%;
max-height: 444px;
margin-bottom: 19px;
overflow-y: auto;
overflow-x: hidden;
}
.goods-list {
margin-top: 40px;
}
.goods-item {
height: 64px;
margin-bottom: 18px;
padding-left: 18px;
}
.goods-img {
display: inline-block;
float: left;
width: 46px;
height: 62px;
margin-right: 13px;
}
.goods-detail {
margin-right: 16px;
.content {
width: 170px;
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
@mixin ellipsis;
a {
color: #666;
outline: none;
text-decoration: none;
}
}
.style {
height: 14px;
line-height: 14px;
font-size: 14px;
color: #b0b0b0;
}
}
.goods-price .priceandnum {
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
min-width: 75px;
text-align: right;
}
.goods-price .delete {
display: inline-block;
float: right;
font-size: 14px;
color: #000;
}
.activity-item {
margin-bottom: 8px;
padding-left: 18px;
}
.activity-name {
display: inline-block;
box-sizing:border-box;
border: none;
width: 60px;
height: 18px;
line-height: 18px;
background-color: #3a3a3a;
color: white;
font-size: 14px;
text-align: center;
margin-right: 13px;
vertical-align: top;
}
.activity-content {
display: inline-block;
line-height: 14px;
width: 250px;
color: #3a3a3a;
font-size: 12px;
word-break: break-all;
}
.gobuy-notempty-footer {
width: 100%;
height: 61px;
text-align: center;
h3 {
box-sizing: border-box;
width: 349px;
margin: 0 auto;
height: 61px;
line-height: 61px;
border-top: 1px solid #dcdcdc;
}
a {
font-size: 18px;
color: #444;
}
}
.ic-infomation {
position: absolute;
background: inline(/header/ic-information.png) no-repeat;
width: 27px;
height: 20px;
top: -10px;
right: -15px;
color: white;
text-align: center;
line-height: 20px;
font-size: 12px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.showdetail img {
display: block;
box-sizing: border-box;
width: 337px;
height: 250px;
}
.showdetail .title {
display: block;
margin-top: 40px;
width: 100%;
height: 15px;
text-align: center;
line-height: 15px;
font-size: 14px;
color: black !important;
@mixin ellipsis;
}
.cate_row {
float:left;
height:352px;
box-sizing:border-box;
li {
box-sizing:border-box;
}
}
.cate_row1 {
width:253px;
}
.cate_row2 {
width:278px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.cate_row3 {
width: 270px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.third-nav .cattitle {
width: 180px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
line-height: 18px;
margin-bottom: 20px;
}
.third-nav .cattitle h3 a {
color: black !important;
font-size: 14px;
}
.third-nav .catdetail {
line-height: 14px;
height: 14px;
margin-bottom: 24px;
min-width: 200px;
a {
color: #a1a1a1 !important;
font-size: 14px;
}
.hot {
color: #ee0011 !important ;
}
}
.thirdcatelink:hover {
text-decoration: underline !important ;
}
.hovercontent {
display: none;
}
.noticewrapper{
width: 100%;
height: 100px;
background-color: #3a3a3a
}
.noticecontainer {
width: 1150px;
margin: 0 auto;
.noticetitle{
padding:0;
margin: 0;
float: left;
height: 100px;
line-height: 100px;
font-size: 27px;
font-weight: bold;
color: #fff;
width: 245px;
font-family: '微软雅黑'
}
.noticecontent {
width: 853px;
float: left;
margin-left: 38px;
.tips {
margin-top: 16px;
margin-bottom: 10px;
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
}
.detail {
color: #fff;
font-family: '微软雅黑';
font-size: 12px;
line-height: 16px;
}
}
}
}
.simple-header {
height: 66px;
margin: 0 0 20px 0;
border-bottom: 2px solid #222;
.header-inner {
width: 990px;
height: 100%;
margin: 0 auto;
}
.logo {
float: left;
line-height: 66px;
font-size: 0;
img {
vertical-align: middle;
}
}
}
.simple-header .header-tool {
float: right;
line-height: 66px;
font-size: 0;
li {
display: inline-block;
padding: 0 10px;
line-height: 28px;
font-size: 12px;
vertical-align: middle;
span, a {
font-size: 12px;
vertical-align: middle;
}
.tell-icon {
font-size: 12px;
}
.tell-icon ~ span {
font-weight: bold;
}
}
.login-box a {
color: #666;
}
.tool-options {
position: relative;
font-size: 0;
cursor: pointer;
&:hover {
background-color: #eaeceb;
.iconfont {
&.up {
display: inline-block;
}
&.down {
display: none;
}
}
}
.iconfont, span{
display: inline-block;
font-size: 12px;
height: 28px;
line-height: 28px;
vertical-align: top;
&.up {
display: none;
}
}
.tool-select {
display: none;
position: absolute;
width: 74px;
left: 0;
background: #eaeceb;
z-index: 9;
a {
display: block;
padding: 0 0 0 10px;
border-top: 1px solid #ddd;
}
}
}
}
.min-screen .yoho-header {
.header-topwrapper {
min-width: 990px;
}
.header-top {
width: 990px;
}
.header-navwrapper {
min-width: 990px;
}
.header-wrapper {
width: 990px;
}
.header-navcontent {
width: 990px;
}
.icon-logo {
left: 39.2%;
.main-link {
display: block;
width: 100%;
height: 100%;
}
}
.sub-nav-list {
width: 990px;
min-width: 990px;
}
.sub-nav-item {
margin-right:15px;
}
.first-nav-item {
float: left;
padding: 10px 14px 0;
margin-right: 3px;
}
.third-nav {
width: 990px;
}
.third-nav-wrapper {
min-width: 990px;
}
.category {
width: 800px;
}
.cate_row1 {
width: 204px;
}
.cate_row2 {
width: 244px;
border-left: 1px solid #ccc;
padding-left: 39px;
}
.cate_row3 {
width: 163px;
border-left: 1px solid #ccc;
padding-left: 28px;
}
.category .thirdnavlist {
width: 200px;
}
.category-title {
width: 152px;
}
.showdetail {
width: 190px;
padding-right: 0;
img {
width: 174px;
height: 155px;
}
}
}
#cover {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
.con {
background: rgba(0, 0, 0, 0.6) !important;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 1002;
opacity: 0.5;
}
.tag_img_warpper {
margin: 0px auto;
width: 180px;
height: 168px;
img {
width: 100%;
height: 100%;
}
}
.guide-box {
background: rgb(255, 255, 255);
margin: 0px auto;
height: 400px;
position: relative;
z-index: 1003;
.close {
top: -15px;
text-align: center;
right: -15px;
color: rgb(255, 255, 255);
line-height: 22px;
font-size: 24px;
position: absolute;
background: rgb(0, 0, 0);
border-radius: 50px;
border: currentColor;
border-image: none;
width: 28px;
height: 28px;
line-height: 25px;
display: block;
}
li {
padding: 10px;
width: 200px;
height: 400px;
float: left;
box-sizing: border-box;
&.girls {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
.goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
}
&.lifestyle {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
.goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
}
&.kids {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
.goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
}
&.boys .goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
.go {
margin: 26px auto 0px;
width: 100%;
height: 18px;
text-align: center;
color: rgb(176, 176, 176);
line-height: 18px;
font-size: 18px;
font-style: italic;
font-weight: lighter;
display: block;
}
}
}
.boys .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.girls .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.kids .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.lifestyle .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.boys .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.girls .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.kids .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.lifestyle .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.boys .block_cn,
.boys .block_en {
color: #000;
}
.girls .block_cn,
.girls .block_en {
color: rgb(255, 136, 174);
}
.kids .block_cn,
.kids .block_en {
color: rgb(122, 217, 248);
}
.lifestyle .block_cn,
.lifestyle .block_en {
color: rgb(79, 64, 55) !important;
}
.boys .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.girls .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.kids .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.lifestyle .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
}
.yoho-notice {
width: 100%;
height: 100px;
font-size: 12px;
background-color: #555;
font-family: '微软雅黑';
.notice-title{
height: 100px;
line-height: 100px;
font-size: 27px;
font-weight: bold;
color: #fff;
width: 245px;
position: absolute;
}
.notice-content {
padding: 16px 0 0 300px;
color: #e8e8e8;
.tips {
margin-bottom: 10px;
}
.detail {
line-height: 16px;
}
}
}
.yoho-header {
.header-topwrapper {
width: 100%;
background-color: #f4f4f4;
min-width: 1150px;
}
.header-top {
width: 1150px;
height: 32px;
line-height: 32px;
margin: 0 auto;
position: relative;
}
.leftpart {
position: relative;
padding-left: 5px;
padding-right: 5px;
}
.leftpart:hover {
background-color: #dcdcdc;
.yohoproducts-list {
display: block !important;
}
}
.leftpart .acttags {
background-color: #dcdcdc;
}
.yohoproducts-list {
position: absolute;
display: none;
width: 170px;
left: 0;
top: 32px;
background-color: #f4f4f4;
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
z-index: 10000000;
}
.yohoproducts-item {
height: 14px;
line-height: 14px;
margin-bottom: 20px;
a {
color: #9196a0;
font-size: 14px;
}
&:hover a {
color: black;
}
}
.rightpart {
position: absolute;
right: 0;
top: 0;
.acttags {
background-color: #dcdcdc;
}
.tag-seprate {
border-color: #dcdcdc;
}
}
.hi,
.loginbar,
.registbar {
display: inline-block;
float: left;
}
.hi {
color: #8e8e8e;
font-size: 12px;
}
#loginBox a,
#loginBox span {
color: black;
font-size: 12px;
}
.header-yoho,
.loginbar,
.login-out,
.registbar {
color: black;
font-size: 12px;
}
.registbar {
margin-left: 7px;
}
.tag-list-wrapper {
margin-left: 13px;
float: left;
}
.tag-list {
margin-left: 13px;
height: 34px;
}
.tag-seprate {
margin-top: 11px;
width: 0;
height: 14px;
display: inline-block;
float: left;
border-left: 1px solid #dcdcdc;
}
.tag-item {
display: inline-block;
float: left;
line-height: 32px;
box-sizing: border-box;
margin-left: -1px;
a {
color: #8e8e8e;
font-size: 12px;
display: inline-block;
}
span {
display: inline-block;
}
}
.myyoho {
padding-right: 10px;
position: relative;
.tag-seprate {
margin-right: 12px;
}
}
.myyoho-info {
position: absolute;
display: none;
top: 32px;
left: -110px;
width: 300px;
background-color: #f8f8f8;
z-index: 1000000;
}
.myyoho-photo {
overflow: hidden;
img{
display: block;
margin:0 auto;
width: 63px;
height: 63px;
border-radius: 50%;
}
}
.myyoho-info-header {
margin: 17px auto 0;
width: 257px;
border-bottom: 1px solid #dcdcdc;
text-align: center;
padding-bottom: 15px;
}
.user-email {
margin-top: 14px;
color: black;
height: 25px;
line-height: 20px;
font-size: 18px;
}
.user-level {
color: black;
height: 20px;
line-height: 20px;
font-size: 18px;
.leveldetail {
color: #8cc4f9;
}
}
.levelinfo {
width: 100%;
padding-top: 10px;
clear: both;
height: 15px;
}
.levelwrapper {
width: 150px;
height: 14px;
background-color: #e2e2e2;
margin-left: 40px;
position: relative;
}
.levelspan {
position: absolute;
left: 2px;
height: 14px;
top: 0;
line-height: 16px;
}
.levelwrapper .integrate {
height: 14px;
line-height: 15px;
background-color: #ceae64;
text-align: left;
padding-left: 5px;
}
.cardcate {
font-size: 14px;
line-height: 14px;
margin-left: 5px;
}
.myyoho-info-content {
margin: 20px auto 0;
padding-left: 35px;
padding-right: 29px;
border-bottom: 1px solid #dcdcdc;
.item {
height: 12px;
line-height: 12px;
margin-bottom: 16px;
a {
font-size: 14px;
color: black;
}
}
}
.myyoho-info-footer {
height: 51px;
line-height: 51px;
text-align: center;
a {
color: black;
font-size: 14px;
}
}
.myorder {
padding-right: 10px;
.tag-seprate {
margin-right: 11px;
}
}
.mycollect {
padding-right: 11px;
.tag-seprate {
margin-right: 11px;
}
}
.message {
padding-right: 10px;
.tag-seprate {
margin-right: 11px;
}
}
.phone {
padding-right: 8px;
position: relative;
.tag-seprate {
margin-right: 10px;
}
}
.qr {
position: absolute;
display: none;
top: 32px;
left: -100px;
width: 231px;
height: 290px;
background-color: #f8f8f8;
z-index: 10000000;
}
.qr-img {
position: relative;
background-image: resolve(/header/qr.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 32px auto 15px;
width: 143px;
height: 147px;
}
.qr-words {
height: 25px;
line-height: 25px;
font-size: 16px;
text-align: center;
}
.qr-more {
margin-top: 6px;
line-height: 25px;
font-size: 14px;
text-align: center;
}
.onlineserver .tag-seprate {
margin-right: 10px;
}
.header-navwrapper {
width: 100%;
height: 130px;
position: relative;
min-width: 1150px;
}
.header-navcontent {
width: 1150px;
height: 130px;
margin: 0 auto;
}
.first-nav-list {
margin-top: 45px;
}
.first-nav-item {
float: left;
padding: 8px 23px 0;
}
.all a,
.girls a,
.boys a,
.kids a,
.lifestyle a {
color: white !important;
}
.all span,
.girls span,
.boys span,
.kids span,
.lifestyle span {
color: white !important;
}
.all {
background-color: #5e4b3c;
.sub-nav-wrapper {
background-color: black;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid black;
}
}
.searchcateboys {
.searchinput {
border: 1px solid #3a3a3a
}
.icon-search {
background-color: #3a3a3a!important
}
}
.searchcategirls {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatewoman {
.searchinput {
border: 1px solid #ff88ae
}
.icon-search {
background-color: #ff88ae!important
}
}
.searchcatekids {
.searchinput {
border: 1px solid #7bd3f9 !important
}
.icon-search {
background-color: #7bd3f9!important
}
}
.gobuyboys {
background: url(/header/cart/boys.png) no-repeat;
}
.gobuygirls {
background: url(/header/cart/girls.png) no-repeat;
}
.gobuykids {
background: url(/header/cart/kids.png) no-repeat;
}
.gobuylifestyle {
background: url(/header/cart/lifestyle.png) no-repeat;
}
.searchcatelifestyle {
.searchinput {
border: 1px solid #5e4b3c !important
}
.icon-search {
background-color: #5e4b3c !important
}
}
.boys {
background-color: #3a3a3a;
.sub-nav-wrapper {
background-color: #3a3a3a;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #3a3a3a;
}
}
.girls {
background-color: #ff88ae;
.sub-nav-wrapper {
background-color: #ff88ae;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #ff88ae;
}
}
.kids {
background-color: #7bd3f9;
.sub-nav-wrapper {
background-color: #7bd3f9;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #7bd3f9;
}
}
.lifestyle {
background-color: #5e4b3c;
.sub-nav-wrapper {
background-color: #5e4b3c;
display: block !important;
}
.third-nav-wrapper {
border-top: 2px solid #5e4b3c;
}
}
.name-cn {
text-align: center;
line-height: 16px !important;
a {
color: black;
font-size: 16px !important;
}
}
.name-en {
text-align: center;
line-height: 14px !important;
margin-bottom: 6px;
a {
color: #8e8e8e;
font-size: 12px;
line-height: 14px !important;
font-family: 'arial' !important;
}
}
.sub-nav-wrapper {
display: none;
height: 40px;
left: 0;
width: 100%;
position: absolute;
z-index: 1000;
}
.sub-nav-list {
width: 1150px;
height: 40px;
margin: 0 auto;
overflow: hidden;
}
.sub-nav-item {
float: left;
padding: 12px 46px 12px 0;
box-sizing: border-box;
margin-right: 38px;
&:last-child {
margin-right: 0 !important;
}
a {
position: relative;
color: white;
font-size: 14px;
line-height: 14px;
display: inline-block;
}
}
.newlogo {
display: block;
width: 26px;
height: 12px;
background-image: resolve(/header/new.png);
background-repeat: no-repeat;
position: absolute;
right: -29px;
top: -6px;
}
.sub-nav-item:hover > a {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.actsecondnav {
padding-bottom: 3px;
border-bottom: 2px solid white;
}
.sub-nav-item:hover .third-nav-wrapper {
display: block;
}
.third-nav-wrapper {
box-sizing: border-box;
height: 410px;
position: absolute;
left: 0;
top: 38px;
width: 100%;
min-width: 1150px;
display: none;
z-index: 10000;
padding-top: 30px;
padding-bottom: 30px;
background-color: #f8f8f8;
}
.third-nav {
width: 1150px;
height: 100%;
margin: 0 auto;
}
.category {
width: 880px;
float: left;
overflow: hidden;
.thirdnavlist {
box-sizing: border-box;
width: 220px;
height: 240px;
float: left;
padding-left: 20px;
border-right: 1px solid #dcdcdc;
padding-right: 20px;
}
}
.category-title {
color: black;
font-size: 16px;
width: 178px;
padding-bottom: 12px;
border-bottom: 1px solid #000;
line-height: 16px;
margin-bottom: 20px;
a {
color: black !important;
}
}
.category-list {
margin-top: 16px;
margin-bottom: 30px;
}
.category-item {
line-height: 28px;
}
.category-list a {
color: #a1a1a1 !important;
font-size: 14px;
}
.category-list .category-item .hot {
color: #ee0011 !important;
font-size: 14px;
}
.category-item-act a {
color: black !important;
}
.showdetail {
box-sizing: border-box;
padding-left: 19px;
padding-right: 19px;
width: 337px;
height: 250px;
float: right;
}
[class^="icon-"], [class*=" icon-"] {
display: inline-block;
vertical-align: middle;
background-repeat: none;
}
.icon-hamburger {
background: url(/header/hamburger.png) no-repeat;
width: 13px;
height: 11px;
}
.icon-headphones {
background: url(/header/iphone.png) no-repeat;
width: 15px;
height: 10px;
margin-top: 2px;
}
.icon-heart {
background: url(/header/heart.png) no-repeat;
width: 12px;
height: 11px;
margin-top: -2px;
}
.icon-mail {
background: url(/header/mail.png) no-repeat;
width: 16px;
height: 10px;
margin-top: -2px;
}
.icon-iphone {
background: url(/header/iphone.png) no-repeat;
width: 8px;
height: 14px;
margin-top: -2px;
}
.icon-papers {
background: url(/header/paper.png) no-repeat;
width: 10px;
height: 14px;
margin-top: -2px;
}
.icon-bottomarrow {
background: url(/header/bottom-arrow.png) no-repeat;
width: 10px;
height: 5px;
margin-top: -2px;
}
.icon-logo {
background: resolve(/header/logo.png) no-repeat center center;
width: 182px;
height: 53px;
top: 22px;
left: 44.2%;
position: absolute;
.main-link {
display: block;
width: 100%;
height: 100%;
}
}
.search {
position: relative;
}
.searchspan {
margin-top: 45px;
float: left;
display: inline-block;
overflow: hidden;
}
.searchinput {
float: left;
width: 240px;
height: 28px;
border: 1px solid #000;
box-sizing: border-box;
padding: 6px 0 5px 10px;
border-right: none;
}
.icon-search {
background: resolve(/header/search.png) no-repeat center center;
width: 80px;
height: 28px;
float: left;
border: none;
margin-top: 45px;
background-color: #3a3a3a;
}
.search-list {
position: absolute;
top: 73px;
left: 0;
z-index: 1000;
box-sizing: border-box;
display: none;
background-color: white;
padding-top: 20px;
width: 100%;
max-height: 500px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}
.search-item {
position: relative;
padding: 5px;
height: 25px;
line-height: 25px;
font: 12px;
&:hover {
background-color: #f4f4f4;
}
}
.searchvalue {
position: absolute;
left: 10px;
max-width: 192px;
font-size: 12px;
@mixin ellipsis;
}
.valuenum {
position: absolute;
right: 10px;
font-size: 12px;
}
.header-tool {
padding-right: 23px;
}
.gobuy {
margin-top: 47px;
margin-left: 23px;
width: 26px;
height: 26px;
position: relative;
cursor: pointer;
}
.gobuy-wrapper {
position: absolute;
display: none;
top: 24px;
right: -14px;
width: 378px;
padding-top: 6px;
z-index: 10000000;
}
.gobuy-empty {
position: absolute;
width: 100%;
height: 507px;
z-index: 1;
background: #f8f8f8 resolve(/header/empty_car.png) no-repeat 106px 132px;
.information {
margin-top: 300px;
width: 100%;
height: 18px;
line-height: 18px;
font-size: 18px;
text-align: center;
}
}
.gobuy-loading {
position: absolute;
width: 100%;
height: 407px;
z-index: 1;
background: #f8f8f8 resolve(/header/loading.gif) no-repeat center 150px;
.information {
margin-top: 180px;
width: 100%;
height: 12px;
line-height: 12px;
font-size: 12px;
text-align: center;
}
}
.gobuy-notempty {
position: absolute;
width: 100%;
z-index: 1;
background-color: #f8f8f8;
overflow: hidden;
}
.goods-list-wrapper {
width: 100%;
max-height: 444px;
margin-bottom: 19px;
overflow-y: auto;
overflow-x: hidden;
}
.goods-list {
margin-top: 40px;
}
.goods-item {
height: 64px;
margin-bottom: 18px;
padding-left: 18px;
}
.goods-img {
display: inline-block;
float: left;
width: 46px;
height: 62px;
margin-right: 13px;
}
.goods-detail {
margin-right: 16px;
.content {
width: 170px;
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
@mixin ellipsis;
a {
color: #666;
outline: none;
text-decoration: none;
}
}
.style {
height: 14px;
line-height: 14px;
font-size: 14px;
color: #b0b0b0;
}
}
.goods-price .priceandnum {
height: 14px;
line-height: 14px;
font-size: 14px;
margin-bottom: 13px;
min-width: 75px;
text-align: right;
}
.goods-price .delete {
display: inline-block;
float: right;
font-size: 14px;
color: #000;
}
.activity-item {
margin-bottom: 8px;
padding-left: 18px;
}
.activity-name {
display: inline-block;
box-sizing:border-box;
border: none;
width: 60px;
height: 18px;
line-height: 18px;
background-color: #3a3a3a;
color: white;
font-size: 14px;
text-align: center;
margin-right: 13px;
vertical-align: top;
}
.activity-content {
display: inline-block;
line-height: 14px;
width: 250px;
color: #3a3a3a;
font-size: 12px;
word-break: break-all;
}
.gobuy-notempty-footer {
width: 100%;
height: 61px;
text-align: center;
h3 {
box-sizing: border-box;
width: 349px;
margin: 0 auto;
height: 61px;
line-height: 61px;
border-top: 1px solid #dcdcdc;
}
a {
font-size: 18px;
color: #444;
}
}
.ic-infomation {
position: absolute;
background: url(/header/ic-information.png) no-repeat;
width: 27px;
height: 20px;
top: -10px;
right: -15px;
color: white;
text-align: center;
line-height: 20px;
font-size: 12px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.showdetail img {
display: block;
box-sizing: border-box;
width: 337px;
height: 250px;
}
.showdetail .title {
display: block;
margin-top: 40px;
width: 100%;
height: 15px;
text-align: center;
line-height: 15px;
font-size: 14px;
color: black !important;
@mixin ellipsis;
}
.cate_row {
float:left;
height:352px;
box-sizing:border-box;
li {
box-sizing:border-box;
}
}
.cate_row1 {
width:253px;
}
.cate_row2 {
width:278px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.cate_row3 {
width: 270px;
border-left:1px solid #ccc;
padding-left: 50px;
}
.third-nav .cattitle {
width: 180px;
padding-bottom: 10px;
border-bottom: 1px solid #000;
line-height: 18px;
margin-bottom: 20px;
}
.third-nav .cattitle h3 a {
color: black !important;
font-size: 14px;
}
.third-nav .catdetail {
line-height: 14px;
height: 14px;
margin-bottom: 24px;
min-width: 200px;
a {
color: #a1a1a1 !important;
font-size: 14px;
}
.hot {
color: #ee0011 !important ;
}
}
.thirdcatelink:hover {
text-decoration: underline !important ;
}
.hovercontent {
display: none;
}
}
.simple-header {
height: 66px;
margin: 0 0 20px 0;
border-bottom: 2px solid #222;
.header-inner {
width: 990px;
height: 100%;
margin: 0 auto;
}
.logo {
float: left;
line-height: 66px;
font-size: 0;
img {
vertical-align: middle;
}
}
}
.simple-header .header-tool {
float: right;
line-height: 66px;
font-size: 0;
li {
display: inline-block;
padding: 0 10px;
line-height: 28px;
font-size: 12px;
vertical-align: middle;
span, a {
font-size: 12px;
vertical-align: middle;
}
.tell-icon {
font-size: 12px;
}
.tell-icon ~ span {
font-weight: bold;
}
}
.login-box a {
color: #666;
}
.tool-options {
position: relative;
font-size: 0;
cursor: pointer;
&:hover {
background-color: #eaeceb;
.iconfont {
&.up {
display: inline-block;
}
&.down {
display: none;
}
}
}
.iconfont, span{
display: inline-block;
font-size: 12px;
height: 28px;
line-height: 28px;
vertical-align: top;
&.up {
display: none;
}
}
.tool-select {
display: none;
position: absolute;
width: 74px;
left: 0;
background: #eaeceb;
z-index: 9;
a {
display: block;
padding: 0 0 0 10px;
border-top: 1px solid #ddd;
}
}
}
}
.min-screen .yoho-header {
.header-topwrapper {
min-width: 990px;
}
.header-top {
width: 990px;
}
.header-navwrapper {
min-width: 990px;
}
.header-wrapper {
width: 990px;
}
.header-navcontent {
width: 990px;
}
.icon-logo {
left: 39.2%;
.main-link {
display: block;
width: 100%;
height: 100%;
}
}
.sub-nav-list {
width: 990px;
min-width: 990px;
}
.sub-nav-item {
margin-right:15px;
}
.first-nav-item {
float: left;
padding: 10px 14px 0;
margin-right: 3px;
}
.third-nav {
width: 990px;
}
.third-nav-wrapper {
min-width: 990px;
}
.category {
width: 800px;
}
.cate_row1 {
width: 204px;
}
.cate_row2 {
width: 244px;
border-left: 1px solid #ccc;
padding-left: 39px;
}
.cate_row3 {
width: 163px;
border-left: 1px solid #ccc;
padding-left: 28px;
}
.category .thirdnavlist {
width: 200px;
}
.category-title {
width: 152px;
}
.showdetail {
width: 190px;
padding-right: 0;
img {
width: 174px;
height: 155px;
}
}
}
#cover {
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: fixed;
z-index: 1001;
.con {
background: rgba(0, 0, 0, 0.6) !important;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
position: absolute;
z-index: 1002;
opacity: 0.5;
}
.tag_img_warpper {
margin: 0px auto;
width: 180px;
height: 168px;
img {
width: 100%;
height: 100%;
}
}
.guide-box {
background: rgb(255, 255, 255);
margin: 0px auto;
height: 400px;
position: relative;
z-index: 1003;
.close {
top: -15px;
text-align: center;
right: -15px;
color: rgb(255, 255, 255);
line-height: 22px;
font-size: 24px;
position: absolute;
background: rgb(0, 0, 0);
border-radius: 50px;
border: currentColor;
border-image: none;
width: 28px;
height: 28px;
line-height: 25px;
display: block;
}
li {
padding: 10px;
width: 200px;
height: 400px;
float: left;
box-sizing: border-box;
&.girls {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
.goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
}
&.lifestyle {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
.goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
}
&.kids {
border-left-color: rgb(238, 238, 238);
border-left-width: 1px;
border-left-style: solid;
.goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
}
&.boys .goods-num {
text-align: center;
color: rgb(187, 187, 187);
line-height: 12px;
font-size: 12px;
margin-top: 16px;
}
.go {
margin: 26px auto 0px;
width: 100%;
height: 18px;
text-align: center;
color: rgb(176, 176, 176);
line-height: 18px;
font-size: 18px;
font-style: italic;
font-weight: lighter;
display: block;
}
}
}
.boys .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.girls .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.kids .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.lifestyle .block_cn {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 30px;
}
.boys .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.girls .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.kids .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.lifestyle .block_en {
text-align: center;
line-height: 26px;
font-size: 26px;
font-weight: bold;
margin-top: 19px;
}
.boys .block_cn,
.boys .block_en {
color: #000;
}
.girls .block_cn,
.girls .block_en {
color: rgb(255, 136, 174);
}
.kids .block_cn,
.kids .block_en {
color: rgb(122, 217, 248);
}
.lifestyle .block_cn,
.lifestyle .block_en {
color: rgb(79, 64, 55) !important;
}
.boys .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.girls .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.kids .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
.lifestyle .block_line {
margin: 20px auto 0px;
width: 50px;
height: 0px;
border-bottom-color: rgb(204, 204, 204);
border-bottom-width: 1px;
border-bottom-style: solid;
}
}
... ...
... ... @@ -122,7 +122,7 @@
line-height: 18px;
padding: 4px 5px 4px 10px;
color: #666;
background: url(http://static.yohobuy.com/images/cartnew_tipsbox.png) no-repeat;
background: resolve(/cart/cartnew_tipsbox.png) no-repeat;
position: relative;
float: left;
... ... @@ -130,7 +130,7 @@
width: 17px;
height: 17px;
padding: 0px;
background: url(http://static.yohobuy.com/images/i_close_f.png) no-repeat;
background: url(/cart/i_close_f.png) no-repeat;
float: right;
cursor: pointer;
}
... ... @@ -176,7 +176,7 @@
color: #c21250;
display: block;
}
}
.giftInfo{
margin-left: 30px;
}
... ... @@ -317,10 +317,10 @@
font-size: 10px;
}
.minus{
background: url(/cart/ico_minus.png);
background: url(/cart/ico_minus.png);
}
.plus{
background: url(/cart/ico_plus.png);
background: url(/cart/ico_plus.png);
}
}
.cart-add-btn{
... ... @@ -347,7 +347,7 @@
position: relative;
border: 1px solid #dcdcdc;
background: #ebebeb;
border-radius: 3px;
border-radius: 3px;
}
.cart-del-btn,.cart-remove-btn {
height: 22px;
... ... @@ -429,6 +429,16 @@
font-weight: bold;
padding-bottom: 5px;
}
.yoho-coin {
width: 14px;
height: 14px;
display: inline-block;
background: url(/cart/yoho-coin.png);
vertical-align: middle;
margin-top: -2px;
margin-right: 4px;
}
}
.cartnew-submit {
... ...
... ... @@ -198,12 +198,13 @@
}
.help-us-icon {
float: left;
display: block;
display: inline-block;
width: 12px;
height: 12px;
margin-right: 8px;
margin-top: 3px;
margin-top: -3px;
vertical-align: middle;
background: url(/home/help-us.png);
}
}
... ...
... ... @@ -316,9 +316,10 @@
margin-bottom: 25px;
margin-top: 20px;
font-size: 14px;
text-align: right;
/*text-align: right;*/
a {
float: right;
margin-right: 55px;
}
}
... ...
... ... @@ -234,6 +234,20 @@
border-bottom: 1px solid #e6e6e6;
padding: 10px 0;
.back-coin {
height: 30px;
}
.yoho-coin {
width: 14px;
height: 14px;
display: inline-block;
background: url(/cart/yoho-coin.png);
vertical-align: middle;
margin-top: -2px;
margin-right: 4px;
}
em {
font-weight: bold;
}
... ...
.orders-me-page {
.orders .title {
padding-left: 130px;
line-height: 40px;
background-image: resolve(/home/orders.png);
font-size: 12px;
font-weight: normal;
}
.order-table-header {
padding: 0;
margin: 0 10px;
border: 1px #e6e6e6 solid;
}
.orders-me-page {
.orders .title {
padding-left: 130px;
line-height: 40px;
background-image: resolve(/home/orders.png);
font-size: 12px;
font-weight: bold;
}
.order-table-header {
padding: 0;
margin: 0 10px;
border: 1px #e6e6e6 solid;
}
}
\ No newline at end of file
... ...
... ... @@ -186,15 +186,13 @@
cursor: pointer;
}
}
.upload-img-btn{
.swfupload {
background: #000;
font-size: 14px;
color: #fff;
font-weight: bold;
font-family: SimHei;
}
.uploadifive-queue {
display: none;
.btn_upload_text{
font-family: SimHei;
font-size: 16px;
font-weight: 700;
}
}
}
... ...
.coupon-page {
width: 1150px;
margin: 10px auto 0;
.slide-container {
position: relative;
}
.slide-wrapper {
position: relative;
height: 450px;
overflow: hidden;
ul {
position: relative;
height: 100%;
}
&:hover .slide-switch.show {
display: block;
}
li {
display: none;
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
a {
display: block;
height: 100%;
width: 1150px;
margin: 0 auto;
}
&:first-child {
display: block;
}
img {
width: 100%;
height: 100%;
}
}
}
.slide-switch {
display: block;
a {
position: absolute;
top: 50%;
margin: -30px 0 0;
width: 60px;
height: 60px;
line-height: 56px;
text-align: center;
z-index: 2;
background: #fff;
opacity: 0.55;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
&.prev {
left: 50%;
margin-left: -575px;
}
&.next {
right: 50%;
margin-right: -575px;
}
&:hover{
opacity: 0.9;
}
.iconfont {
font-size: 32px;
color: #59585a;
}
}
}
.title {
width: 300px;
margin: 80px auto 40px auto;
text-align: center;
border: 1px solid #000;
height: 31px;
line-height: 31px;
position: relative;
span {
margin: 5px;
}
}
.coupon {
display: inline-block;
position: relative;
width: 282px;
height: 258px;
margin-right: 2px;
img {
width: 100%;
height: 100%;
}
.coupon-mask {
width: 100%;
height: 259px;
background-color: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 99;
}
.info {
width: 78px;
height: 78px;
position: absolute;
right: 2px;
bottom: -1px;
>div {
width: 100%;
height:38px;
font-size: 16px;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
margin-top: -19px;
}
p {
margin-bottom: 5px;
}
.guang {
width: 50px;
height: 18px;
line-height: 18px;
font-size: 12px;
background-color: #fff;
color: #D0021B;
margin: 0 auto;
}
}
}
}
... ...