Authored by xuqi

shopping cart style

@@ -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,6 +13,7 @@ @@ -13,6 +13,7 @@
13 </p> 13 </p>
14 </div> 14 </div>
15 </div> 15 </div>
  16 + <div class="chose-items">
16 <div class="color-list"> 17 <div class="color-list">
17 <span>颜色</span> 18 <span>颜色</span>
18 <ul class="clearfix" data-type="color"> 19 <ul class="clearfix" data-type="color">
@@ -46,6 +47,7 @@ @@ -46,6 +47,7 @@
46 </div> 47 </div>
47 </div> 48 </div>
48 </div> 49 </div>
  50 + </div>
49 <div class="btn-wrap"> 51 <div class="btn-wrap">
50 <button id="chose-btn-sure" class="btn btn-sure">确定</button> 52 <button id="chose-btn-sure" class="btn btn-sure">确定</button>
51 </div> 53 </div>