Showing
1 changed file
with
77 additions
and
233 deletions
web-static/sass/home/_order-block.css
100644 → 100755
| @@ -32,6 +32,16 @@ | @@ -32,6 +32,16 @@ | ||
| 32 | background: #efefef; | 32 | background: #efefef; |
| 33 | padding: 0 5px; | 33 | padding: 0 5px; |
| 34 | border-bottom: 1px solid #e6e6e6; | 34 | border-bottom: 1px solid #e6e6e6; |
| 35 | + .order-time{ | ||
| 36 | + margin-left: 25px; | ||
| 37 | + } | ||
| 38 | + .order-delete{ | ||
| 39 | + margin-right:15px; | ||
| 40 | + color: #999; | ||
| 41 | + &:hover{ | ||
| 42 | + text-decoration:underline; | ||
| 43 | + } | ||
| 44 | + } | ||
| 35 | } | 45 | } |
| 36 | 46 | ||
| 37 | .order { | 47 | .order { |
| @@ -162,6 +172,14 @@ | @@ -162,6 +172,14 @@ | ||
| 162 | line-height: 18px; | 172 | line-height: 18px; |
| 163 | color: #999; | 173 | color: #999; |
| 164 | } | 174 | } |
| 175 | + .return-order{ | ||
| 176 | + display: inline-block; | ||
| 177 | + padding: 3px 10px; | ||
| 178 | + background: #FF7C48; | ||
| 179 | + border-radius: 9px; | ||
| 180 | + color: #fff; | ||
| 181 | + text-align: center; | ||
| 182 | + } | ||
| 165 | 183 | ||
| 166 | .op-item { | 184 | .op-item { |
| 167 | display: block; | 185 | display: block; |
| @@ -282,32 +300,22 @@ | @@ -282,32 +300,22 @@ | ||
| 282 | } | 300 | } |
| 283 | 301 | ||
| 284 | .cancel-dialog { | 302 | .cancel-dialog { |
| 285 | - width: 600px; | ||
| 286 | - background: #fff; | ||
| 287 | - padding: 20px 30px 35px 30px; | ||
| 288 | header { | 303 | header { |
| 289 | - font-size: 18px; | ||
| 290 | - padding-bottom: 20px; | ||
| 291 | - border-bottom: 1px solid #e8e8e8; | 304 | + font-size: 14px; |
| 305 | + padding-bottom: 10px; | ||
| 306 | + border-bottom: 1px dotted #a7a7a7; | ||
| 292 | color: #000; | 307 | color: #000; |
| 293 | text-align: left; | 308 | text-align: left; |
| 294 | } | 309 | } |
| 295 | - .close{ | ||
| 296 | - top: 15px; | ||
| 297 | - right: 30px; | ||
| 298 | - .iconfont{ | ||
| 299 | - font-size: 30px; | ||
| 300 | - } | ||
| 301 | - } | ||
| 302 | - .cancel-reason { | 310 | + |
| 311 | + ul { | ||
| 303 | text-align: left; | 312 | text-align: left; |
| 313 | + padding: 10px 0 0 25px; | ||
| 304 | 314 | ||
| 305 | li { | 315 | li { |
| 306 | - float: left; | ||
| 307 | - width: 50%; | ||
| 308 | height: 28px; | 316 | height: 28px; |
| 309 | line-height: 28px; | 317 | line-height: 28px; |
| 310 | - font-size: 14px; | 318 | + font-size: 12px; |
| 311 | } | 319 | } |
| 312 | 320 | ||
| 313 | label { | 321 | label { |
| @@ -324,254 +332,90 @@ | @@ -324,254 +332,90 @@ | ||
| 324 | .cancel-tip { | 332 | .cancel-tip { |
| 325 | margin-top: 20px; | 333 | margin-top: 20px; |
| 326 | color: #d60248; | 334 | color: #d60248; |
| 327 | - font-size: 14px; | ||
| 328 | - padding-left: 17px; | 335 | + font-size: 12px; |
| 336 | + padding-left: 30px; | ||
| 329 | text-align: left; | 337 | text-align: left; |
| 330 | } | 338 | } |
| 331 | 339 | ||
| 332 | .btns { | 340 | .btns { |
| 333 | - padding: 15px 30px 0; | ||
| 334 | - text-align: center; | 341 | + padding: 15px 30px; |
| 342 | + text-align: left; | ||
| 335 | 343 | ||
| 336 | .btn { | 344 | .btn { |
| 337 | height: 35px; | 345 | height: 35px; |
| 338 | - font-size: 15px; | 346 | + font-size: 12px; |
| 339 | line-height: 35px; | 347 | line-height: 35px; |
| 340 | } | 348 | } |
| 341 | 349 | ||
| 342 | .cancel-sure { | 350 | .cancel-sure { |
| 343 | width: 130px; | 351 | width: 130px; |
| 352 | + border-radius: 3px; | ||
| 344 | color: #fff; | 353 | color: #fff; |
| 345 | - background: #000; | 354 | + background: #d60248; |
| 346 | border: none; | 355 | border: none; |
| 347 | } | 356 | } |
| 348 | 357 | ||
| 349 | .cancel-no { | 358 | .cancel-no { |
| 350 | - margin-left: 30px; | ||
| 351 | - background: #fff; | ||
| 352 | - color: #000; | ||
| 353 | - border-color: #000; | ||
| 354 | - width: 126px; | ||
| 355 | - } | ||
| 356 | - } | ||
| 357 | - .tip{ | ||
| 358 | - margin: 20px 0 ; | ||
| 359 | - font-size: 12px; | ||
| 360 | - text-align: left; | ||
| 361 | - color: #db3d50; | ||
| 362 | - } | ||
| 363 | - .reminder{ | ||
| 364 | - margin: 20px 0 10px; | ||
| 365 | - } | ||
| 366 | - .info-prompt{ | ||
| 367 | - ul{ | ||
| 368 | - margin-top: -10px; | ||
| 369 | - } | ||
| 370 | - li{ | ||
| 371 | - margin: 10px 0; | ||
| 372 | - font-size: 14px; | ||
| 373 | - line-height: 16px; | ||
| 374 | - text-align: left; | ||
| 375 | - } | ||
| 376 | - i{ | ||
| 377 | - color: #d70400; | ||
| 378 | - font-family: SimSun; | ||
| 379 | - font-size: 16px; | ||
| 380 | - margin-right: 10px; | ||
| 381 | - vertical-align: -6px; | 359 | + background: #eaeaea; |
| 360 | + border-radius: 3px; | ||
| 361 | + color: #999; | ||
| 362 | + border-color: #ebebeb; | ||
| 363 | + width: 66px; | ||
| 382 | } | 364 | } |
| 383 | } | 365 | } |
| 384 | } | 366 | } |
| 385 | -.message-dialog{ | ||
| 386 | - width: 350px; | ||
| 387 | - background: #fff; | ||
| 388 | - padding: 20px 30px 35px 30px; | ||
| 389 | - .message-title{ | ||
| 390 | - margin-top: 40px; | ||
| 391 | - margin-bottom: 27px; | ||
| 392 | - font-size: 24px; | ||
| 393 | - font-weight: 700; | ||
| 394 | - } | ||
| 395 | - .message-summary{ | ||
| 396 | - width: 250px; | ||
| 397 | - margin: 0 auto 22px; | ||
| 398 | - font-size: 14px; | ||
| 399 | - word-wrap: break-word; | ||
| 400 | - line-height: 20px; | ||
| 401 | - } | ||
| 402 | - .btns { | ||
| 403 | - padding: 15px 30px 0; | ||
| 404 | - text-align: center; | ||
| 405 | - | ||
| 406 | - .btn { | ||
| 407 | - height: 35px; | ||
| 408 | - font-size: 15px; | ||
| 409 | - line-height: 35px; | ||
| 410 | - } | ||
| 411 | 367 | ||
| 412 | - .message-sure { | ||
| 413 | - width: 130px; | ||
| 414 | - color: #fff; | ||
| 415 | - background: #000; | ||
| 416 | - border: none; | ||
| 417 | - } | 368 | +/* 删除订单对话框 */ |
| 369 | +.delete-dialog{ | ||
| 370 | + padding: 0 0 20px 0; | ||
| 371 | + border:1px solid #000; | ||
| 372 | + background:#fff; | ||
| 373 | + .header{ | ||
| 374 | + padding:0 10px; | ||
| 375 | + height:32px; | ||
| 376 | + background: #444; | ||
| 377 | + line-height:32px; | ||
| 378 | + color:#fff; | ||
| 379 | + text-align: left; | ||
| 418 | } | 380 | } |
| 419 | .close{ | 381 | .close{ |
| 420 | - top: 15px; | ||
| 421 | - right: 15px; | 382 | + color:#fff; |
| 422 | .iconfont{ | 383 | .iconfont{ |
| 423 | - font-size: 30px; | 384 | + font-size: 20px; |
| 385 | + font-weight:700; | ||
| 424 | } | 386 | } |
| 425 | } | 387 | } |
| 426 | -} | ||
| 427 | -.edit-order-dialog { | ||
| 428 | - width: 600px; | ||
| 429 | - background: #fff; | ||
| 430 | - padding: 20px 30px 35px 30px; | ||
| 431 | - header { | ||
| 432 | - font-size: 18px; | ||
| 433 | - padding-bottom: 20px; | ||
| 434 | - border-bottom: 1px solid #e8e8e8; | ||
| 435 | - color: #000; | ||
| 436 | - text-align: left; | 388 | + .order-delete-confirm{ |
| 389 | + width:400px; | ||
| 390 | + line-height:1.5; | ||
| 437 | } | 391 | } |
| 438 | - .close{ | ||
| 439 | - top: 15px; | ||
| 440 | - right: 30px; | ||
| 441 | - .iconfont{ | ||
| 442 | - font-size: 30px; | ||
| 443 | - } | 392 | + .body{ |
| 393 | + padding:20px; | ||
| 394 | + margin-top: 30px; | ||
| 444 | } | 395 | } |
| 445 | - .edit-order-info { | ||
| 446 | - text-align: left; | ||
| 447 | - | ||
| 448 | - li { | ||
| 449 | - height: 26px; | ||
| 450 | - margin:20px 0; | ||
| 451 | - line-height: 26px; | ||
| 452 | - font-size: 14px; | ||
| 453 | - white-space: nowrap; | ||
| 454 | - } | ||
| 455 | - .form-required{ | ||
| 456 | - color: #d70400; | ||
| 457 | - font-family: SimSun; | ||
| 458 | - font-size: 16px; | ||
| 459 | - margin-right: 10px; | ||
| 460 | - vertical-align: -6px; | ||
| 461 | - } | ||
| 462 | - label { | 396 | + .confirm-tip{ |
| 397 | + font-size:18px; | ||
| 398 | + word-wrap:break-word; | ||
| 399 | + i{ | ||
| 463 | display:inline-block; | 400 | display:inline-block; |
| 464 | - width:90px; | ||
| 465 | - text-align:right; | ||
| 466 | - } | ||
| 467 | - | ||
| 468 | - .inp{ | ||
| 469 | - width:188px; | ||
| 470 | - height: 18px; | ||
| 471 | - line-height:18px; | ||
| 472 | - padding:3px 0; | ||
| 473 | - border:1px solid #e8e8e8; | ||
| 474 | - margin-left: 10px; | ||
| 475 | - text-indent: 5px; | ||
| 476 | - box-sizing: content-box; | ||
| 477 | - } | ||
| 478 | - .w271{ | ||
| 479 | - width:271px; | ||
| 480 | - } | ||
| 481 | - .w40{ | ||
| 482 | - width:40px; | ||
| 483 | - } | ||
| 484 | - .inp[name='tel']{ | ||
| 485 | - margin-left: 0; | 401 | + width: 30px; |
| 402 | + height:30px; | ||
| 403 | + margin-right: 12px; | ||
| 404 | + background: resolve(/home/doubt.png) no-repeat; | ||
| 405 | + vertical-align:middle; | ||
| 486 | } | 406 | } |
| 487 | } | 407 | } |
| 488 | - .ml10{ | ||
| 489 | - margin-left:10px; | 408 | + .delete-tip{ |
| 409 | + padding-left:20px; | ||
| 410 | + margin:15px 0; | ||
| 411 | + font-size:13px; | ||
| 412 | + word-wrap:break-word; | ||
| 490 | } | 413 | } |
| 491 | - select{ | ||
| 492 | - height: 25px; | ||
| 493 | - line-height: 25px; | ||
| 494 | - width: 100px; | ||
| 495 | - padding: 0; | ||
| 496 | - border: 1px solid #ccc; | 414 | + .delete-sure{ |
| 415 | + background:#efefef; | ||
| 497 | } | 416 | } |
| 498 | - .error{ | ||
| 499 | - display: none; | ||
| 500 | - margin-left:10px; | ||
| 501 | - color:#db3d50; | ||
| 502 | - font-size:12px; | ||
| 503 | - .icon-error{ | ||
| 504 | - margin-right: 8px; | ||
| 505 | - vertical-align:text-bottom; | ||
| 506 | - } | 417 | + .delete-no{ |
| 418 | + margin-left:60px; | ||
| 419 | + border-color: #cdcdcd; | ||
| 507 | } | 420 | } |
| 508 | - .btns { | ||
| 509 | - padding: 15px 30px 0; | ||
| 510 | - text-align: center; | ||
| 511 | - | ||
| 512 | - .btn { | ||
| 513 | - height: 35px; | ||
| 514 | - font-size: 15px; | ||
| 515 | - line-height: 35px; | ||
| 516 | - } | ||
| 517 | - | ||
| 518 | - .edit-sure { | ||
| 519 | - width: 130px; | ||
| 520 | - color: #fff; | ||
| 521 | - background: #000; | ||
| 522 | - border: none; | ||
| 523 | - } | ||
| 524 | - | ||
| 525 | - .edit-no { | ||
| 526 | - margin-left: 30px; | ||
| 527 | - background: #fff; | ||
| 528 | - color: #000; | ||
| 529 | - border-color: #000; | ||
| 530 | - width: 126px; | ||
| 531 | - } | ||
| 532 | - } | ||
| 533 | - .tip{ | ||
| 534 | - margin: 20px 0 ; | ||
| 535 | - font-size: 12px; | ||
| 536 | - text-align: left; | ||
| 537 | - color: #db3d50; | ||
| 538 | - } | ||
| 539 | -} | ||
| 540 | -.order-icon{ | ||
| 541 | - display: inline-block; | ||
| 542 | - vertical-align: middle; | ||
| 543 | - margin-right: 10px; | ||
| 544 | - background: resolve(/home/order-sprite.png);; | ||
| 545 | -} | ||
| 546 | -.icon-success{ | ||
| 547 | - width: 30px; | ||
| 548 | - height: 30px; | ||
| 549 | - vertical-align: -6px; | ||
| 550 | - background-position: 0 0; | ||
| 551 | -} | ||
| 552 | -.icon-waiting{ | ||
| 553 | - width: 30px; | ||
| 554 | - height: 30px; | ||
| 555 | - vertical-align: -6px; | ||
| 556 | - background-position: -32px 0 ; | ||
| 557 | -} | ||
| 558 | -.icon-arrow{ | ||
| 559 | - width: 11px; | ||
| 560 | - height: 7px; | ||
| 561 | - background-position: -36px -33px; | ||
| 562 | -} | ||
| 563 | -.icon-error{ | ||
| 564 | - width: 15px; | ||
| 565 | - height: 15px; | ||
| 566 | - background-position:0 -33px; | ||
| 567 | -} | ||
| 568 | -.icon-right{ | ||
| 569 | - width:15px; | ||
| 570 | - height:15px; | ||
| 571 | - background-position: -50px -33px; | ||
| 572 | -} | ||
| 573 | -.icon-recycle{ | ||
| 574 | - width: 15px; | ||
| 575 | - height: 17px; | ||
| 576 | - background-position: -18px -33px; | ||
| 577 | } | 421 | } |
-
Please register or login to post a comment