fe / yohobuy-node · Commits

Go to a project

Authored by OF1706
Commit aba69888de1b9e1c466f6770b65f1ed9aa38f100 1 parent ef9e20d3

样式

Inline Side-by-side
Showing 8 changed files with 58 additions and 50 deletions
... ... @@ -245,7 +245,7 @@ const formatPriceGiftOne = (it) => {
id: g.product_id,
skn: g.product_skn,
subjoinTitle: g.product_name,
imgCover: g.goods_images ? helpers.image(g.goods_images, 60, 60) : '',
imgCover: g.goods_images ? helpers.image(g.goods_images, 65, 90) : '',
subjoinPrice: transPrice(g.last_price),
marketPrice: gift.isGift ? '' : transPrice(g.market_price),
yohoIcon: 0,
... ...
... ... @@ -56,7 +56,7 @@ const _getSkuDataByProductBaseInfo = (data) => {
if (cur.images_list) {
// 商品列表
goodsGroup.productSkc = cur.product_skc;
goodsGroup.src = helpers.image(cur.color_image, 40, 40);
goodsGroup.src = helpers.image(cur.color_image, 25, 35);
goodsGroup.title = `${_.trim(data.product_name)} ${cur.color_name}`;
goodsGroup.name = cur.factory_goods_name;
goodsGroup.focus = false;
... ...
... ... @@ -296,13 +296,13 @@
<p class="cart-del-goods-title">已删除商品，您可以重新购买或移入收藏：</p>
<ul>
<li>
<span class="good-name" style="width: 392px;">TEEBACOO虎头字母短袖T恤</span>
<span class="good-name" style="width: 392px;"><a>TEEBACOO虎头字母短袖T恤</a></span>
<span class="good-price" style="width: 148px;">¥760.00</span>
<span class="good-num" style="width: 128px;">2</span>
<span class="good-operate" style="width: 260px;"><a>重新购买</a><a>移入收藏</a></span>
</li>
<li>
<span class="good-name" style="width: 392px;">TEEBACOO虎头字母短袖T恤</span>
<span class="good-name" style="width: 392px;"><a>TEEBACOO虎头字母短袖T恤</a></span>
<span class="good-price" style="width: 148px;">¥760.00</span>
<span class="good-num" style="width: 128px;">2</span>
<span class="good-operate" style="width: 260px;"><a>重新购买</a><a>移入收藏</a></span>
... ... @@ -359,7 +359,7 @@
<div class="loading"><span></span>请稍后...</div>
<div class="modal-overflow" style="display: none;">
<div class="body-modal-black"></div>
<div id="Y_goodsSelectWin" class="goods-select-win yoho- cart-togetherGoods" style="top:50px;">
<div id="Y_goodsSelectWin" class="goods-select-win yoho-dialog cart-togetherGoods" style="top:50px;">
<div class="close">
<i class="iconfont">&#xe60d;</i>
</div>
... ...
... ... @@ -114,7 +114,7 @@
</dt>
</dl>
<dl>
<dd>选件数：</dd>
<dd class="showNumBox">选件数：</dd>
<dt>
<div class="amount_wrapper">
<input type="text" id="num" class="num" value="1" readonly="readonly">
... ... @@ -135,16 +135,11 @@
<thead>
<tr>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗</th>
</tr>
</thead>
<tbody>
... ...
... ... @@ -80,12 +80,12 @@
</dt>
</dl>
<dl>
<dd>选件数：</dd>
<dd class="showNumBox">选件数：</dd>
<dt>
<div class="amount_wrapper">
<input type="text" id="num" class="num" value="1" readonly="readonly">
<a class="amount cut"><i class="iconfont">&#xe6c1;</i></a>
<a class="amount add"><i class="iconfont">&#xe6c0;</i></a>
<a class="amount cut"><i class="iconfont">&#xe6c0;</i></a>
<a class="amount add"><i class="iconfont">&#xe6c1;</i></a>
</div>
</dt>
</dl>
... ... @@ -102,7 +102,7 @@
<thead>
<tr>
{{# thead}}
<td width="{{width}}">{{name}}</td>
<th width="{{width}}">{{name}}</th>
{{/ thead}}
</tr>
</thead>
... ...
... ... @@ -112,8 +112,8 @@
<dt>
<div class="amount_wrapper">
<input type="text" id="num" class="num" value="1" readonly="readonly">
<a class="amount cut"><i class="iconfont">&#xe6c0;</i></a>
<a class="amount add"><i class="iconfont">&#xe6c1;</i></a>
<a class="amount cut"><i class="iconfont">&#xe6c1;</i></a>
<a class="amount add"><i class="iconfont">&#xe6c0;</i></a>
</div>
</dt>
</dl>
... ... @@ -129,10 +129,8 @@
<thead>
<tr>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗</th>
<th width="{{width}}">吊牌吃吗
</td>
<th width="{{width}}">吊牌吃吗
... ...
... ... @@ -14,9 +14,13 @@
}
}
.side-img-dd {
width: 581px;
}
.detail-body {
width: 611px;
padding: 15px;
padding: 15px 15px 10px 15px;
margin: 0 auto;
*zoom: 1;
box-sizing: border-box;
... ... @@ -45,18 +49,18 @@
.detail-bigpic {
width: 180px;
padding-bottom: 30px;
padding-bottom: 28px;
float: left;
.bigpic {
border: 1px solid red;
box-sizing: border-box;
width: 180px;
height: 240px;
display: block;
margin: 0 auto 10px;
img {
width: 100%;
height: auto;
width: 180px;
height: 240px;
}
&.none {
display: none;
... ... @@ -88,21 +92,26 @@
float: left;
width: 40px;
height: 55px;
border: 1px red solid;
box-sizing: border-box;
margin: 0 5px 0 0;
vertical-align: top;
overflow: hidden;
text-align: center;
}
img {
width: auto;
height: 100%;
width: 40px;
height: 55px;
display: inline-block;
}
.active {
width: 40px;
height: 55px;
border: 2px #333 solid;
box-sizing: border-box;
img {
margin-left: -2px;
margin-top: -2px;
}
}
}
}
... ... @@ -142,7 +151,7 @@
font-family: arial;
}
}
.activityprice {
.oldprice {
display: block;
color: #444;
font-size: 13px;
... ... @@ -195,6 +204,9 @@
dd.showSizeBox {
line-height: 23px;
}
dd.showNumBox {
line-height: 23px;
}
dt{
.showSizeBox {
*zoom: 1;
... ... @@ -246,8 +258,7 @@
border: 1px #f5f6f5 solid;
position: relative;
img {
width: 100%;
height: auto;
height:40px;
}
}
}
... ... @@ -368,7 +379,6 @@
border-top: 1px solid #e0e0e0;
width: 100%;
height: auto;
padding-bottom: 15px;
h3 {
height: 35px;
line-height: 35px;
... ... @@ -381,14 +391,13 @@
width: 100%;
height: auto;
border: none;
margin-bottom: 5px;
font-size: 14px;
border-bottom: 1px dashed #eaeceb;
td {
font-weight: normal;
background: #fff;
text-align: center;
padding: 8px 3px;
padding: 0;
color: #444;
height: 30px;
line-height: 30px;
... ... @@ -396,7 +405,7 @@
tr{
th{
text-align: center;
background: #f5f7f6;
background-color: #f5f7f6;
color: #999;
font-weight: 800;
height: 30px;
... ... @@ -405,9 +414,10 @@
}
}
.size-info {
margin-top: 20px;
margin-top: 15px;
font-size: 14px;
color: #444;
line-height:20px;
text-align: left;
}
}
... ... @@ -515,10 +525,10 @@
}
.good {
float: left;
width: 63px;
width: 65px;
img {
display: block;
width: 65px;
width: 63px;
height: 90px;
}
}
... ...
... ... @@ -590,9 +590,8 @@
.goods-choose-box {
position: absolute;
top: 50%;
top: -20px;
left: 50%;
margin-top: -90px;
margin-left: -80px;
padding: 30px 15px;
border: 1px solid #000;
... ... @@ -638,8 +637,8 @@
border: 1px solid #eaeaea;
border-sizing: border-box;
img {
width: 113px;
height: 148px;
width: 115px;
height: 150px;
}
}
.choose-color{
... ... @@ -652,6 +651,10 @@
.dt {
width: 25px;
height: 35px;
img {
width: 25px;
height: 35px;
}
}
.active {
border-color: #000;
... ... @@ -1135,6 +1138,10 @@
display: block;
float: left;
line-height: 14px;
a{
display: inline-block;
cursor: pointer;
}
}
.good-name {
font-size: 14px;
... ... @@ -1156,8 +1163,6 @@
color: #000;
text-align: right;
a {
cursor: pointer;
display: inline-block;
margin-right: 20px;
&:last-child {
margin-right: 0;
... ...