fe / YOHOBUYPC · Commits

Go to a project

Authored by xuqi
Commit 3646ee10980fb69af0ce161082b46814b746dd20 1 parent e92e709f

shopping cart style

Inline Side-by-side
Showing 2 changed files with 48 additions and 35 deletions
... ... @@ -8,7 +8,7 @@
.main {
position: absolute;
height: 718rem / $pxConvertRem;
height: 610rem / $pxConvertRem;
bottom: 0;
left: 0;
right: 0;
... ... @@ -16,8 +16,14 @@
}
.infos {
height: 546rem / $pxConvertRem;
padding: 30rem / $pxConvertRem 22rem / $pxConvertRem 20rem / $pxConvertRem;
height: 460rem / $pxConvertRem;
padding: 0 22rem / $pxConvertRem;
padding-top: 30rem / $pxConvertRem;
}
.chose-items {
height: 325rem / $pxConvertRem;
overflow: auto;
}
.basic-info {
... ... @@ -83,6 +89,10 @@
}
}
.num {
margin-bottom: 20rem / $pxConvertRem;
}
.num .btn {
float: left;
display: block;
... ... @@ -110,10 +120,11 @@
}
.btn-wrap {
height: 80rem / $pxConvertRem;
height: 120rem / $pxConvertRem;
border-top: 1px solid #e6e6e6;
padding: 21rem / $pxConvertRem;
padding: 20rem / $pxConvertRem;
text-align: center;
box-sizing: border-box;
.btn-sure {
width: 260rem / $pxConvertRem;
... ...
... ... @@ -13,36 +13,38 @@
</p>
</div>
</div>
<div class="color-list">
<span>颜色</span>
<ul class="clearfix" data-type="color">
{{# colors}}
<li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>
{{name}}
</li>
{{/ colors}}
</ul>
</div>
<div class="size-list">
<span>尺码</span>
<ul class="clearfix" data-type="size">
{{# sizes}}
<li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>
{{name}}
</li>
{{/ sizes}}
</ul>
</div>
<div class="num">
<span>数量</span>
<div class="clearfix">
<a class="btn btn-minus" href="javascript:void(0);">
<span class="iconfont">&#xe625;</span>
</a>
<input id="good-num" class="good-num" type="text" value={{num}}>
<a class="btn btn-plus" href="javascript:void(0);">
<span class="iconfont">&#xe624;</span>
</a>
<div class="chose-items">
<div class="color-list">
<span>颜色</span>
<ul class="clearfix" data-type="color">
{{# colors}}
<li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>
{{name}}
</li>
{{/ colors}}
</ul>
</div>
<div class="size-list">
<span>尺码</span>
<ul class="clearfix" data-type="size">
{{# sizes}}
<li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>
{{name}}
</li>
{{/ sizes}}
</ul>
</div>
<div class="num">
<span>数量</span>
<div class="clearfix">
<a class="btn btn-minus" href="javascript:void(0);">
<span class="iconfont">&#xe625;</span>
</a>
<input id="good-num" class="good-num" type="text" value={{num}}>
<a class="btn btn-plus" href="javascript:void(0);">
<span class="iconfont">&#xe624;</span>
</a>
</div>
</div>
</div>
</div>
... ...