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 @@ @@ -8,7 +8,7 @@
8 8
9 .main { 9 .main {
10 position: absolute; 10 position: absolute;
11 - height: 718rem / $pxConvertRem; 11 + height: 610rem / $pxConvertRem;
12 bottom: 0; 12 bottom: 0;
13 left: 0; 13 left: 0;
14 right: 0; 14 right: 0;
@@ -16,8 +16,14 @@ @@ -16,8 +16,14 @@
16 } 16 }
17 17
18 .infos { 18 .infos {
19 - height: 546rem / $pxConvertRem;  
20 - padding: 30rem / $pxConvertRem 22rem / $pxConvertRem 20rem / $pxConvertRem; 19 + height: 460rem / $pxConvertRem;
  20 + padding: 0 22rem / $pxConvertRem;
  21 + padding-top: 30rem / $pxConvertRem;
  22 + }
  23 +
  24 + .chose-items {
  25 + height: 325rem / $pxConvertRem;
  26 + overflow: auto;
21 } 27 }
22 28
23 .basic-info { 29 .basic-info {
@@ -83,6 +89,10 @@ @@ -83,6 +89,10 @@
83 } 89 }
84 } 90 }
85 91
  92 + .num {
  93 + margin-bottom: 20rem / $pxConvertRem;
  94 + }
  95 +
86 .num .btn { 96 .num .btn {
87 float: left; 97 float: left;
88 display: block; 98 display: block;
@@ -110,10 +120,11 @@ @@ -110,10 +120,11 @@
110 } 120 }
111 121
112 .btn-wrap { 122 .btn-wrap {
113 - height: 80rem / $pxConvertRem; 123 + height: 120rem / $pxConvertRem;
114 border-top: 1px solid #e6e6e6; 124 border-top: 1px solid #e6e6e6;
115 - padding: 21rem / $pxConvertRem; 125 + padding: 20rem / $pxConvertRem;
116 text-align: center; 126 text-align: center;
  127 + box-sizing: border-box;
117 128
118 .btn-sure { 129 .btn-sure {
119 width: 260rem / $pxConvertRem; 130 width: 260rem / $pxConvertRem;
@@ -13,36 +13,38 @@ @@ -13,36 +13,38 @@
13 </p> 13 </p>
14 </div> 14 </div>
15 </div> 15 </div>
16 - <div class="color-list">  
17 - <span>颜色</span>  
18 - <ul class="clearfix" data-type="color">  
19 - {{# colors}}  
20 - <li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>  
21 - {{name}}  
22 - </li>  
23 - {{/ colors}}  
24 - </ul>  
25 - </div>  
26 - <div class="size-list">  
27 - <span>尺码</span>  
28 - <ul class="clearfix" data-type="size">  
29 - {{# sizes}}  
30 - <li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>  
31 - {{name}}  
32 - </li>  
33 - {{/ sizes}}  
34 - </ul>  
35 - </div>  
36 - <div class="num">  
37 - <span>数量</span>  
38 - <div class="clearfix">  
39 - <a class="btn btn-minus" href="javascript:void(0);">  
40 - <span class="iconfont">&#xe625;</span>  
41 - </a>  
42 - <input id="good-num" class="good-num" type="text" value={{num}}>  
43 - <a class="btn btn-plus" href="javascript:void(0);">  
44 - <span class="iconfont">&#xe624;</span>  
45 - </a> 16 + <div class="chose-items">
  17 + <div class="color-list">
  18 + <span>颜色</span>
  19 + <ul class="clearfix" data-type="color">
  20 + {{# colors}}
  21 + <li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>
  22 + {{name}}
  23 + </li>
  24 + {{/ colors}}
  25 + </ul>
  26 + </div>
  27 + <div class="size-list">
  28 + <span>尺码</span>
  29 + <ul class="clearfix" data-type="size">
  30 + {{# sizes}}
  31 + <li class="block {{#if chosed}}chosed{{/if}}" data-id={{id}}>
  32 + {{name}}
  33 + </li>
  34 + {{/ sizes}}
  35 + </ul>
  36 + </div>
  37 + <div class="num">
  38 + <span>数量</span>
  39 + <div class="clearfix">
  40 + <a class="btn btn-minus" href="javascript:void(0);">
  41 + <span class="iconfont">&#xe625;</span>
  42 + </a>
  43 + <input id="good-num" class="good-num" type="text" value={{num}}>
  44 + <a class="btn btn-plus" href="javascript:void(0);">
  45 + <span class="iconfont">&#xe624;</span>
  46 + </a>
  47 + </div>
46 </div> 48 </div>
47 </div> 49 </div>
48 </div> 50 </div>