fe / yohobuy-node · Commits

Go to a project

Authored by mark
Commit 3a4e41b6a58e32909624435b4a757818de1ea1a5 2 parents dfda4e73 783b9564

add redcar fixed

Inline Side-by-side
Showing 21 changed files with 340 additions and 119 deletions
... ... @@ -65,7 +65,8 @@ const syncUserSession = (uid, req, res, sessionKey) => {
req.session.LOGIN_UID_ = uid;
res.cookie('_TOKEN', token, {
domain: config.cookieDomain
domain: config.cookieDomain,
});
}).catch(console.log);
... ...
... ... @@ -292,8 +292,6 @@ const _getSkuDataByProductBaseInfo = (data) => {
return acc;
}
console.log(cur);
if (cur.images_list) {
// 商品列表
goodsGroup.productSkc = cur.product_skc;
... ... @@ -1160,7 +1158,6 @@ const _detailDataPkg = (origin, uid, vipLevel, cookies) => {
result.marketPrice = propOrigin('format_market_price');
result.salePrice = propOrigin('format_sales_price');
result.hasOtherPrice = true;
result.promotion = '8.5折';
if (result.salePrice === '0') {
delete result.salePrice;
... ... @@ -1175,6 +1172,14 @@ const _detailDataPkg = (origin, uid, vipLevel, cookies) => {
result.vipPrice = _getVipDataByProductBaseInfo(origin, vipLevel, uid);
}
// 计算折扣比例
let marketPriceNum = propOrigin('market_price', 0);
let salePriceNum = propOrigin('sales_price', 0);
if (marketPriceNum && salePriceNum) {
result.promotion = ((salePriceNum / marketPriceNum) * 10).toFixed(1);
}
// 促销活动banner,虚拟商品无促销
if (propOrigin('attribute') !== 3) {
result.activity = _getActivityDataByProductBaseInfo(promotionData);
... ...
... ... @@ -29,11 +29,13 @@
</div>
{{/if}}
<div class="share-row"><span class="title pull-left">分享商品：</span> {{> common/share }} </div>
<!--<div class="share-row"><span class="title pull-left">分享商品：</span> {{> common/share }} </div>-->
{{!-- 因接口原因，暂存size的title的值 --}}
<div id="size-title-json" style="display:none;">{{sizeTitleJson}}</div>
<div class="total-content">
{{> product/package}}
<div class="other-infos">
<div class="description-material info-block" id="goodsMessage">
... ...
{{#if activity}}
<ul class="activity">
<div class="row activity-wrapper clearfix">
<span class="title pull-left">促&nbsp;&nbsp;销： </span>
{{#if_cond activity.length '>=' 3}}
<div class="activity-title">展开全部促销</div>
<div class="activity-title">展开全部促销 <span class="iconfont index">&#xe610;</span> </div>
<div class="activity-container"></div>
{{/if_cond}}
{{#each activity}}
<li class="activity-item {{#if_cond @index '>=' 3}}hide{{/if_cond}}">
{{#if activityImg}}
<a class="img-link" href="{{url}}">
<img src="{{activityImg}}">
</a>
{{^}}
<span class="ac-type">{{type}}</span>
<span class="ac-des">{{des}}</span>
{{/if}}
</li>
{{/each}}
</ul>
<div class="pull-left">
<ul class="activity">
{{#each activity}}
<li class="promotion-item {{#if_cond @index '>=' 3}}hide{{/if_cond}}">
{{#if activityImg}}
<a class="img-link" href="{{url}}">
<img src="{{activityImg}}">
</a>
{{^}}
<span class="ac-type">{{type}}</span>
<span class="ac-des">{{des}}</span>
{{/if}}
</li>
{{/each}}
</ul>
</div>
</div>
{{/if}}
... ...
... ... @@ -5,7 +5,7 @@
{{#if @first}}
<li>
<a class="left title">品牌券：</a>
<a class="left title">领&nbsp;&nbsp;券：</a>
</li>
{{/if}}
... ...
... ... @@ -30,6 +30,7 @@
{{/ tags}}
</div>
<img id="img-show" class="img-show" src="{{img}}">
<div class="share-row"><span class="title pull-left">分享：</span> {{> common/share }} </div>
</div>
<div id="thumbs" class="pull-right thumbs">
{{# colors}}
... ... @@ -104,6 +105,8 @@
</div>
</div>
<div class="line"></div>
{{#if virtualGoods}}
{{!-- 电子门票按钮 --}}
{{#if isVirtualBtn}}
... ... @@ -126,18 +129,18 @@
{{/if}}
{{#if addToCart}}
<span id="add-to-cart" class="buy-btn item-buy add-to-cart"> <i class="iconfont">
&#xe61b;</i> 添加到购物车 </span>
&#xe61b;</i> 加入到购物车 </span>
{{/if}}
{{/unless}}
{{/if}}
<span id="sold-out" class="buy-btn dis{{#unless soldOut}} hide{{/unless}}">
<i class="iconfont"> &#xe61c;</i> 已售罄
</span>
<span id="call-you" class="buy-btn">
<i class="iconfont"> &#xe61c;</i> 到货通知
</span>
<span id="enable-notify" class="buy-btn hide"> <i class="iconfont">
&#xe63d;</i> 到货通知</span>
<span id="collect-product" class="{{#if isCollect}}coled {{/if}}collect-product">
<i class="iconfont">&#xe611;</i> {{#if isCollect}} <em>已收藏</em> {{^}} <em>收藏商品</em> {{/if}}
... ...
<span class="minus-plus pull-left">
<i id="minus-num" class="minus dis iconfont">&#xe60b;</i>
<i id="minus-num" class="minus dis iconfont">&#xe63c;</i>
</span>
<span id="num" class="num pull-left">1</span>
<span class="minus-plus pull-left">
<i id="plus-num" class="plus iconfont">&#xe607;</i>
<i id="plus-num" class="plus iconfont">&#xe644;</i>
</span>
... ...
<div class="package-box clearfix">
<div class="title-header">优惠套装</div>
<div class="package-pro clearfix">
<div class="good-info" data-skn="" data-from="">
<div class="good-detail-img">
<a class="good-thumb" href="" target="_blank">
<img class="lazy" src="//img11.static.yhbimg.com/goodsimg/2016/11/24/14/012a2e26bd48f26654cbbe724280cd29d9.jpg?imageMogr2/thumbnail/280x382/extent/280x382/background/d2hpdGU=/position/center/quality/90" style="display: block;">
</a>
</div>
<div class="good-detail-text stu-good-detail ">
<a href="" target="_blank">PALLADIUM Pampa Cuff WP Lux 男 高帮牛皮防水休闲鞋</a>
<p class="price ">
<span class="sale-price red-color">
¥1078.20
</span>
</p>
</div>
</div>
<div class="spliter">+</div>
<div class="good-info" data-skn="" data-from="">
<div class="good-detail-img">
<a class="good-thumb" href="" target="_blank">
<img class="lazy" src="//img11.static.yhbimg.com/goodsimg/2016/11/24/14/012a2e26bd48f26654cbbe724280cd29d9.jpg?imageMogr2/thumbnail/280x382/extent/280x382/background/d2hpdGU=/position/center/quality/90" style="display: block;">
</a>
</div>
<div class="good-detail-text stu-good-detail ">
<a href="" target="_blank">PALLADIUM Pampa Cuff WP Lux 男 高帮牛皮防水休闲鞋</a>
<p class="price ">
<span class="sale-price red-color">
¥1078.20
</span>
</p>
</div>
</div>
<div class="spliter">+</div>
<div class="good-info" data-skn="" data-from="">
<div class="good-detail-img">
<a class="good-thumb" href="" target="_blank">
<img class="lazy" src="//img11.static.yhbimg.com/goodsimg/2016/11/24/14/012a2e26bd48f26654cbbe724280cd29d9.jpg?imageMogr2/thumbnail/280x382/extent/280x382/background/d2hpdGU=/position/center/quality/90" style="display: block;">
</a>
</div>
<div class="good-detail-text stu-good-detail ">
<a href="" target="_blank">PALLADIUM Pampa Cuff WP Lux 男 高帮牛皮防水休闲鞋</a>
<p class="price ">
<span class="sale-price red-color">
¥1078.20
</span>
</p>
</div>
</div>
<div class="spliter">+</div>
<div class="good-info" data-skn="" data-from="">
<div class="good-detail-img">
<a class="good-thumb" href="" target="_blank">
<img class="lazy" src="//img11.static.yhbimg.com/goodsimg/2016/11/24/14/012a2e26bd48f26654cbbe724280cd29d9.jpg?imageMogr2/thumbnail/280x382/extent/280x382/background/d2hpdGU=/position/center/quality/90" style="display: block;">
</a>
</div>
<div class="good-detail-text stu-good-detail ">
<a href="" target="_blank">PALLADIUM Cuff WP Lux 男 高帮牛皮防水休闲鞋</a>
<p class="price ">
<span class="sale-price red-color">
¥1078.20
</span>
</p>
</div>
</div>
<div class="spliter">=</div>
<div class="package-priceList">
<p>销售价:<em class="sale-price">¥633.00</em></p>
<p>套餐价:<em class="package-price red-color">¥520.00</em></p>
<p class="save-text red-color">立省<em class="save-price">¥113.00</em>元</p>
<span class="buy-product red-color">
<em>立即购买</em>
</span>
</div>
</div>
</div>
... ...
<p class="market-price">
<span class="title">吊牌价：</span>
<span class="price{{#if hasOtherPrice}} has-other-price{{/if}}">{{marketPrice}}</span>
</p>
<div class="sale-price">
{{#if marketPrice}}
<br>
<span class="title">吊牌价：</span>
<span class="price{{#if hasOtherPrice}} has-other-price{{/if}}">{{marketPrice}}</span>
{{/if}}
{{#if salePrice}}
<br>
<span>
<span class="title">促销价：</span>
<span class="price">{{salePrice}}</span>
</span>
{{/if}}
{{#if promotion}}
<span class="promotion">
8.5折
</span>
{{/if}}
{{#if studentsPrice}}
<br>
<p class="students-price">
<span class="title">学生价</span>
<span class="price">{{studentsPrice}}</span>
</p>
{{/if}}
{{# vipPrice}}
<span class="vip-price">
{{#if unLogin}}
登录后即可查看vip价格
<a class="login-url" href="{{unLogin}}">立即登录</a>
{{/if}}
{{#if normalUser}}
<span class="vip-price-item">您当前是普通会员，成为VIP享受更多优惠！</span>
<a class="vip-schedual" href="{{vipSchedualUrl}}">查看我的VIP进度</a>
{{/if}}
<div class="vip-level-1"></div>
{{# prices}}
<span class="vip-level-{{vipLevel}}">
</span>
<em class="cur">
{{price}}
</em>
{{/ prices}}
</span>
{{/ vipPrice}}
{{#if presalePrice}}
<br>
<span class="presale-price">
<span class="title">预售价：</span>
<span class="price">{{presalePrice}}</span>
... ... @@ -61,12 +33,35 @@
{{/if}}
{{#if advancePrice}}
<br>
<span class="advance-price">
<span class="title">先行价：</span>
<span class="price">{{advancePrice}}</span>
</span>
{{/if}}
</div>
{{#if promotion}}
<span class="promotion">{{promotion}}折</span>
{{/if}}
{{# vipPrice}}
<span class="vip-price">
{{#if unLogin}}
登录后即可查看vip价格
<a class="login-url" href="{{unLogin}}">立即登录</a>
{{/if}}
{{#if normalUser}}
<span class="vip-price-item">您当前是普通会员，成为VIP享受更多优惠！</span>
{{/if}}
{{# prices}}
<span class="vip-level"></span>
<span class="vip-level-{{vipLevel}}"> </span>
<em class="cur"> {{price}} </em>
{{/ prices}}
</span>
{{/ vipPrice}}
... ...
... ... @@ -10,10 +10,6 @@
data-num="{{num}}" data-name="{{name}}" data-title="{{title}}">{{name}}</li>
{{/each}}
{{#unless virtualGoods}}
<span class="size-ruler"></span>
{{/unless}}
<span class="size-warn warn-tip hide"> <i class="iconfont">&#xe61f;</i> 请选择尺码 </span>
</ul>
{{/each}}
... ...
... ... @@ -17,11 +17,11 @@ module.exports = {
cookieDomain: '.yohobuy.com',
domains: {
favApi: 'http://192.168.102.31:8092/brower',
//api: 'http://api-test3.yohops.com:9999/',
//service: 'http://service-test3.yohops.com:9999/',
api: 'http://api-test3.yohops.com:9999/',
service: 'http://service-test3.yohops.com:9999/',
//
api: 'http://api.yoho.cn/',
service: 'http://service.yoho.cn/',
// api: 'http://api.yoho.cn/',
// service: 'http://service.yoho.cn/',
//api: 'http://dev-api.yohops.com:9999/',
// service: 'http://dev-service.yohops.com:9999/',
... ...
No preview for this file type
... ... @@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Wed Nov 30 12:41:59 2016
Created by FontForge 20120731 at Fri Dec 2 11:50:29 2016
By admin
</metadata>
<defs>
... ... @@ -93,6 +93,8 @@ d="M510.5 -60q-90.5 0 -173 35.5t-142.5 95.5t-95.5 142.5t-35.5 173t35.5 173t95.5
t54 -201t146 -146t200.5 -53.5t201 53.5t146 146t53.5 201t-53.5 201t-146 146t-201 53.5zM465 248v29q0 19 3 33q3 15 9 28q5 14 15 26t24 26l35 33q15 13 25.5 29.5t10.5 39.5q0 30 -19 50.5t-54 20.5q-18 0 -32 -6.5t-24.5 -17.5t-16.5 -26q-5 -15 -6 -30l-95 8
q5 37 20 66t39 49t55 31q31 10 66 10q33 0 63 -9.5t53 -28.5t36 -46.5t13 -64.5q0 -25 -5.5 -43t-15.5 -34t-24 -30q-15 -15 -32 -30q-16 -13 -25.5 -23t-15.5 -20t-8 -21.5t-2 -28.5v-20h-92zM450 140q0 25 18 43t44 18q24 0 43 -17t19 -42t-18.5 -42.5t-43.5 -17.5
q-12 0 -23.5 4.5t-20.5 12.5q-8 7 -13 18t-5 23z" />
<glyph glyph-name="add" unicode="&#xe644;"
d="M960 262h-410v-410h-76v410h-410v76h410v410h76v-410h410v-76z" />
<glyph glyph-name="xiangxia" unicode="&#xe61d;"
d="M888 620q12 12 28.5 12t28.5 -12v0q12 -12 12 -28.5t-12 -28.5l-406 -405q-12 -12 -28.5 -12t-27.5 12v0q-12 11 -12 27.5t12 28.5zM539 214q11 -12 11 -28.5t-11 -27.5v0q-12 -12 -28.5 -12t-28.5 12l-406 405q-11 12 -11 28.5t11 28.5v0q12 12 28.5 12t28.5 -12z
M539 214z" />
... ... @@ -185,6 +187,11 @@ t-16 -38.5z" />
<glyph glyph-name="iconshuchushouqifuzhi01" unicode="&#xe63b;"
d="M512 630q8 0 14 -6l308 -307q6 -6 6 -14.5t-6 -14.5t-14.5 -6t-14.5 6l-273 272v-504q0 -8 -6 -14t-14 -6t-14 6t-6 14v553q0 14 12 19q4 2 8 2zM860 732h-696q-9 0 -15 -6t-6 -14.5t6 -14.5t15 -6h696q9 0 15 6t6 14.5t-6 14.5t-15 6zM389.5 507q8.5 0 14.5 -6t6 -14.5
t-6 -14.5l-185 -184q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l185 184q6 6 14.5 6z" />
<glyph glyph-name="naozhongxuanzhong" unicode="&#xe63d;" horiz-adv-x="1026"
d="M586 1q2 -2 2 -3q8 -22 1.5 -41.5t-21.5 -31.5q-1 -1 -1 -1.5t-2 -1.5q-12 -7 -26.5 -11t-28.5 -4q-27 0 -51.5 15t-43 32t-28.5 32t-6 15h205zM437 1h205q4 0 -6 -15t-28.5 -32.5t-43 -32t-51.5 -14.5zM866 105q-17 30 -39 66t-41.5 77.5t-32.5 88.5q-1 2 -1 5v0
q-2 6 -4 14q-8 38 -8 79q-1 98 -41 157q-21 32 -41.5 49t-51.5 27q5 5 5 23q0 40 -28.5 67.5t-68.5 27.5v0h-7q-40 0 -68 -27.5t-28 -67.5l2 -23q-30 -11 -49.5 -27.5t-40.5 -48.5q-40 -58 -41 -157q0 -51 -13.5 -98t-33 -88.5t-41.5 -77.5t-38 -66q-11 -17 -4.5 -28
t20.5 -11h677q15 0 21 11t-4 28zM533 691q-1 -1 -1 -2v0h-1v-0.5t-1 -0.5v0l-0.5 -0.5l-0.5 -0.5h-1v-1h-1l-1 -1v0h-1v-1h-1v0q-1 0 -2 -1v0h-1v0l-1 -1v0q-4 -1 -8 -1v0h-2q-13 1 -22 9.5t-9 21.5t9 22t23 9h2h2v0h1v0q4 -1 7 -2l1 -1v0h1l0.5 -0.5l0.5 -0.5l0.5 -0.5
t1 -0.5h0.5l0.5 -0.5l0.5 -0.5l0.5 -0.5l0.5 -0.5l1 -1v0q1 0 1 -1q10 -9 10 -22t-9 -21z" />
<glyph glyph-name="zhengchang" unicode="&#xe612;"
d="M0 896h1024v-1024h-1024v1024zM85 -43h854v854h-854v-854z" />
<glyph glyph-name="weibiaoti7" unicode="&#xe613;"
... ... @@ -210,5 +217,7 @@ l1 31q2 72 18 111q16 40 52 73q34 31 78 46q41 14 88 14q96 0 160 -56v0q66 -59 66 -
<glyph glyph-name="2" unicode="&#xe62b;"
d="M562 224h109v-111h-109v111zM889 224h109v-111h-109v111zM562 113h109v-110h-109v110zM438 458h-438v438h438v-438zM111 569h216v216h-216v-216zM1000 458h-438v438h438v-438zM673 569h216v216h-216v-216zM438 -106h-438v438h438v-438zM111 5h216v216h-216v-216zM561 335
h222v-111h-222v111zM889 334h109v-111h-109v111zM780 113h109v-111h-109v111zM562 2h218v-110h-218v110zM889 2h109v-110h-109v110z" />
<glyph glyph-name="subtract" unicode="&#xe63c;"
d="M928 418h-832q-13 0 -22.5 -9.5t-9.5 -23t9.5 -22.5t22.5 -9h832q13 0 22.5 9t9.5 22.5t-9.5 23t-22.5 9.5z" />
</font>
</defs></svg>
... ...
No preview for this file type
No preview for this file type
... ... @@ -80,6 +80,8 @@ bindEvent.add(function() {
var $lcContainer = $('.lc-container'),
$itemBuy = $('.item-buy');
var $enableNofifyGoods = $('#enable-notify');
var $qrcode = $('.qr-code');
var $descColor = $('#desc-color');
... ... @@ -214,10 +216,12 @@ bindEvent.add(function() {
if (maxStock === 0 || ($color && ~~$color.data('total') === 0)) {
$itemBuy.addClass('hide'); // 隐藏加入购物车、即将开售、立即购买等相同位置的按钮
$soldOut.removeClass('hide');
$enableNofifyGoods.removeClass('hide');
} else {
// 包括默认的-1情况下
$itemBuy.removeClass('hide');
$soldOut.addClass('hide');
$enableNofifyGoods.addClass('hide');
}
}
... ... @@ -742,6 +746,10 @@ $('#brand-favour').click(function() {
// $modelContent.slideDown(SLIDETIME);
// }
// });
// 详情页套餐区
$('.good-info .good-detail-text > a').dotdotdot({
wrap: 'letter'
});
// 售后服务
$('.after-service-switch').click(function() {
... ...
... ... @@ -73,13 +73,13 @@
.img {
position: relative;
width: 420px;
height: 560px;
height: 600px;
}
.img-show {
display: block;
width: 100%;
height: 100%;
width: 420px;
height: 560px;
}
.tags {
... ... @@ -180,6 +180,7 @@
.market-price {
margin-top: 8px;
}
.sale-price {
... ... @@ -195,8 +196,15 @@
.promotion {
display: inline-block;
color: red;
border: 1px red solid;
font-size: 13px;
font-size: 12px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
height: 16px;
}
.has-other-price {
... ... @@ -214,14 +222,17 @@
.vip-price {
line-height: 14px;
color: #222;
color: #707070;
margin-top: 5px;
font-size: 13px;
display: inline-block;
height: 22px;
.login-url,
.cur {
color: #f02200;
font-weight: bold;
font-size: 13px;
}
.vip-price-item {
... ... @@ -234,36 +245,40 @@
margin-left: 5px;
}
//普通会员
.vip-level-0 {
.vip-level {
display: inline-block;
width: 22px;
height: 22px;
background-color: red;
width: 43px;
height: 18px;
margin-right: 10px;
margin-bottom: -2px;
background: resolve("product/vip.png") no-repeat;
}
// 银卡会员
.vip-level-1 {
display: inline-block;
width: 22px;
height: 22px;
background-color: red;
width: 30px;
height: 18px;
margin-right: 10px;
margin-bottom: -2px;
background: resolve("product/vip-1.png") no-repeat;
}
// 金卡会员
.vip-level-2 {
display: inline-block;
width: 22px;
height: 22px;
background-color: red;
width: 30px;
height: 18px;
margin-right: 10px;
margin-bottom: -2px;
background: resolve("product/vip-2.png") no-repeat;
}
// 白金会员
.vip-level-3 {
display: inline-block;
width: 22px;
height: 22px;
background-color: red;
width: 30px;
height: 18px;
margin-right: 10px;
margin-bottom: -2px;
background: resolve("product/vip-3.png") no-repeat;
}
}
... ... @@ -289,13 +304,16 @@
}
}
.activity {
margin-top: 12px;
.activity-wrapper {
margin-top: 22px;
position: relative;
width: 100%;
li {
line-height: 20px;
.activity {
li {
margin-bottom: 10px;
}
}
.activity-title {
... ... @@ -303,11 +321,21 @@
position: absolute;
right: 0;
top: 0;
background-color: red;
font-size: 12px;
cursor: pointer;
z-index: 6;
.index {
font-size: 10px;
}
}
.activity-container {
position: absolute;
width: 100%;
height: 10px;
background: #b3b3b3;
z-index: 5;
}
}
... ... @@ -379,8 +407,8 @@
.ac-type {
display: inline-block;
width: 60px;
height: 16px;
line-height: 16px;
height: 20px;
line-height: 20px;
margin-right: 5px;
text-align: center;
background: #999;
... ... @@ -393,11 +421,10 @@
}
.row {
margin-top: 10px;
border-bottom: 1px solid #eaeceb;
margin-bottom: 22px;
}
.trade-content {
padding-top: 20px;
margin-top: 20px;
... ... @@ -419,10 +446,14 @@
}
li {
margin-right: 5px;
margin-right: 10px;
cursor: pointer;
border: 2px solid black;
border: 1px solid #bbbbbb;
height: 34px;
&.focus {
border-color: black;
}
}
.color-name {
... ... @@ -448,10 +479,10 @@
display: block;
height: 24px;
line-height: 24px;
margin-right: 5px;
margin-right: 10px;
margin-bottom: 5px;
padding: 0 5px;
border: 1px solid #eaeceb;
border: 1px solid #bbbbbb;
text-align: center;
cursor: pointer;
min-width: 28px;
... ... @@ -468,12 +499,12 @@
}
.size-wrapper {
width: 380px;
width: 510px;
}
.size {
float: left;
color: #666;
color: black;
}
.size-ruler {
... ... @@ -499,6 +530,13 @@
line-height: 18px;
}
.line {
width: 100%;
height: 2px;
border-bottom: 1px solid #eaeceb;
margin-bottom: 22px;
}
.chose-count .title {
margin-top: 6px;
}
... ... @@ -529,7 +567,7 @@
display: block;
width: 25px;
height: 25px;
line-height: 8px;
line-height: 25px;
font-size: 12px;
-moz-user-select: none;
color: black;
... ... @@ -570,7 +608,6 @@
.num-wraper {
position: relative;
border-bottom: 1px solid #eaeceb;
}
$arrowTop: 40px;
... ... @@ -627,11 +664,11 @@
margin-right: 10px;
height: 48px;
line-height: 48px;
width: 197px;
width: 180px;
text-align: center;
color: #fff;
background: $theme-color;
font-size: 14px;
font-size: 16px;
cursor: pointer;
&.hover {
... ... @@ -648,7 +685,7 @@
.collect-product,
.keep-shopping {
display: inline-block;
width: 127px;
width: 120px;
height: 48px;
text-align: center;
line-height: 48px;
... ... @@ -656,7 +693,7 @@
color: #222;
border: 1px solid #ccc;
font-weight: bold;
font-size: 12px;
font-size: 16px;
cursor: pointer;
.iconfont {
... ... @@ -712,6 +749,91 @@
}
/**套餐**/
.package-box {
margin-top: 30px;
border: 1px solid #eaeceb;
.title-header {
line-height: 45px;
background-color: #f5f5f5;
border-bottom: 1px solid #eaeceb;
text-indent: 20px;
}
.package-pro {
width: 990px;
margin: 0 auto;
}
.spliter {
width: 50px;
float: left;
margin: 0 25px;
color: #b0b0b0;
text-align: center;
font-size: 25px;
line-height: 196px;
}
.good-info {
margin: 25px 0;
width: 110px;
}
.good-info .good-detail-img {
width: 100px;
height: 135px;
margin: 0 auto;
}
.good-info .good-detail-text > .price {
text-align: center;
font-weight: bold;
}
.good-info .good-detail-text > a {
height: 35px;
}
.package-priceList {
float: left;
margin-top: 25px;
.sale-price {
text-decoration: line-through;
}
.package-price {
font-weight: bold;
}
.save-text {
margin-top: 10px;
}
.buy-product {
display: inline-block;
margin-top: 40px;
width: 120px;
height: 30px;
text-align: center;
line-height: 30px;
border: 1px solid #d42838;
}
> p {
line-height: 25px;
font-size: 14px;
}
}
.red-color {
color: #d42838;
}
}
.fixednav{
position: fixed;
... ... @@ -823,8 +945,6 @@
}
.comfort {
width: 470px;
border: 1px solid #eaeceb;
... ...