Showing
2 changed files
with
48 additions
and
9 deletions
| @@ -76,6 +76,7 @@ | @@ -76,6 +76,7 @@ | ||
| 76 | {{/each}} | 76 | {{/each}} |
| 77 | </div> | 77 | </div> |
| 78 | {{/each}} | 78 | {{/each}} |
| 79 | + <p class="size-p-tip"><i class="iconfont"></i>请选择尺码</p> | ||
| 79 | <!--<p class="size-p">内长 25.5com</p>--> | 80 | <!--<p class="size-p">内长 25.5com</p>--> |
| 80 | </dt> | 81 | </dt> |
| 81 | </dl> | 82 | </dl> |
| @@ -92,8 +93,12 @@ | @@ -92,8 +93,12 @@ | ||
| 92 | </div> | 93 | </div> |
| 93 | <div class="submit"> | 94 | <div class="submit"> |
| 94 | <button class="btn-red addcart"><i class="addCart iconfont"></i>添加到购物车</button> | 95 | <button class="btn-red addcart"><i class="addCart iconfont"></i>添加到购物车</button> |
| 96 | + <button class="addcart btn-grey"><i class="addCart iconfont"></i>添加到购物车</button> | ||
| 97 | + <button class="btn-sellOut btn-grey"><i class="sellOut iconfont"></i>已售罄</button> | ||
| 95 | <button class="btn-favCount"><i class="favCount iconfont"></i>收藏商品</button> | 98 | <button class="btn-favCount"><i class="favCount iconfont"></i>收藏商品</button> |
| 99 | + <button class="btn-favCount"><i class="favCount iconfont coled"></i>已收藏</button> | ||
| 96 | </div> | 100 | </div> |
| 101 | + <p class="submit-tip">未满足活动条件</p> | ||
| 97 | </div> | 102 | </div> |
| 98 | <div class="detail-size"> | 103 | <div class="detail-size"> |
| 99 | <h3>尺码信息<span>（单位：厘米）</span></h3> | 104 | <h3>尺码信息<span>（单位：厘米）</span></h3> |
| @@ -220,13 +220,6 @@ | @@ -220,13 +220,6 @@ | ||
| 220 | } | 220 | } |
| 221 | } | 221 | } |
| 222 | 222 | ||
| 223 | - .size-p{ | ||
| 224 | - margin-top: 5px; | ||
| 225 | - margin-bottom: 10px; | ||
| 226 | - color: #999; | ||
| 227 | - font-size: 13px | ||
| 228 | - } | ||
| 229 | - | ||
| 230 | .colorBox { | 223 | .colorBox { |
| 231 | &>ul { | 224 | &>ul { |
| 232 | zoom: 1; | 225 | zoom: 1; |
| @@ -250,6 +243,11 @@ | @@ -250,6 +243,11 @@ | ||
| 250 | height: 40px; | 243 | height: 40px; |
| 251 | border: 2px #232323 solid; | 244 | border: 2px #232323 solid; |
| 252 | } | 245 | } |
| 246 | + .active.disabled{ | ||
| 247 | + width: 40px; | ||
| 248 | + height: 40px; | ||
| 249 | + border: 2px #919191 solid; | ||
| 250 | + } | ||
| 253 | p { | 251 | p { |
| 254 | width: 38px; | 252 | width: 38px; |
| 255 | height: 38px; | 253 | height: 38px; |
| @@ -288,6 +286,11 @@ | @@ -288,6 +286,11 @@ | ||
| 288 | border-color: #222; | 286 | border-color: #222; |
| 289 | background-color: #222; | 287 | background-color: #222; |
| 290 | } | 288 | } |
| 289 | + &.active.disabled{ | ||
| 290 | + color: #fff; | ||
| 291 | + border-color: #919191; | ||
| 292 | + background-color: #919191; | ||
| 293 | + } | ||
| 291 | } | 294 | } |
| 292 | } | 295 | } |
| 293 | 296 | ||
| @@ -307,7 +310,7 @@ | @@ -307,7 +310,7 @@ | ||
| 307 | cursor: pointer; | 310 | cursor: pointer; |
| 308 | i{ | 311 | i{ |
| 309 | width: 12px; | 312 | width: 12px; |
| 310 | - height: 23px; | 313 | + height: 12px; |
| 311 | font-size: 12px; | 314 | font-size: 12px; |
| 312 | color: #666; | 315 | color: #666; |
| 313 | display: inline-block; | 316 | display: inline-block; |
| @@ -341,6 +344,32 @@ | @@ -341,6 +344,32 @@ | ||
| 341 | } | 344 | } |
| 342 | } | 345 | } |
| 343 | 346 | ||
| 347 | + .size-p{ | ||
| 348 | + margin-top: 5px; | ||
| 349 | + margin-bottom: 10px; | ||
| 350 | + color: #999; | ||
| 351 | + font-size: 13px; | ||
| 352 | + } | ||
| 353 | + | ||
| 354 | + .size-p-tip { | ||
| 355 | + margin-top: 5px; | ||
| 356 | + margin-bottom: 13px; | ||
| 357 | + color: #d0021b; | ||
| 358 | + font-size: 13px; | ||
| 359 | + i { | ||
| 360 | + font-size: 15px; | ||
| 361 | + display: inline-block; | ||
| 362 | + vertical-align: baseline; | ||
| 363 | + } | ||
| 364 | + } | ||
| 365 | + | ||
| 366 | + .submit-tip { | ||
| 367 | + margin-top: 8px; | ||
| 368 | + color: #d0021b; | ||
| 369 | + font-size: 13px; | ||
| 370 | + text-align: left; | ||
| 371 | + } | ||
| 372 | + | ||
| 344 | .submit { | 373 | .submit { |
| 345 | text-align: left; | 374 | text-align: left; |
| 346 | margin-top: 15px; | 375 | margin-top: 15px; |
| @@ -366,10 +395,15 @@ | @@ -366,10 +395,15 @@ | ||
| 366 | margin-right: 8px; | 395 | margin-right: 8px; |
| 367 | } | 396 | } |
| 368 | .favCount { | 397 | .favCount { |
| 369 | - color: #b0b0b0; | 398 | + color: #b0b0b0; |
| 399 | + &.coled { | ||
| 400 | + color: #d0021b; | ||
| 401 | + } | ||
| 370 | } | 402 | } |
| 371 | &.btn-grey { | 403 | &.btn-grey { |
| 372 | background-color: #b0b0b0; | 404 | background-color: #b0b0b0; |
| 405 | + color: #fff; | ||
| 406 | + border-color: #b0b0b0; | ||
| 373 | } | 407 | } |
| 374 | &.btn-red { | 408 | &.btn-red { |
| 375 | color: #fff; | 409 | color: #fff; |
-
Please register or login to post a comment