noGoods.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. /* 层级定义
  2. @z-index-0: 1;
  3. @z-index-1: 100;
  4. @z-index-2: 200;
  5. @z-index-5: 500;
  6. @z-index-component: 1000; // 通用组件级别
  7. @z-index-dropdown: @z-index-component;
  8. @z-index-sticky: @z-index-component + 20;
  9. @z-index-fixed: @z-index-component + 30;
  10. @z-index-modal-backdrop:@z-index-component + 40;
  11. @z-index-modal:@z-index-component + 50;
  12. @z-index-popover:@z-index-component + 60;
  13. @z-index-tooltip:@z-index-component + 70;
  14. */
  15. /* var() css变量适配*/
  16. .goods-fail {
  17. display: block;
  18. background: #fff;
  19. font-size: 30rpx;
  20. border-radius: 20rpx 20rpx 0 0;
  21. }
  22. .goods-fail .title {
  23. display: inline-block;
  24. width: 100%;
  25. text-align: center;
  26. margin-top: 30rpx;
  27. line-height: 42rpx;
  28. font-weight: bold;
  29. font-size: 32rpx;
  30. }
  31. .goods-fail .info {
  32. display: block;
  33. font-size: 26rpx;
  34. font-weight: 400;
  35. line-height: 36rpx;
  36. margin: 20rpx auto 10rpx;
  37. text-align: center;
  38. width: 560rpx;
  39. color: #999;
  40. }
  41. .goods-fail .goods-fail-btn {
  42. display: flex;
  43. padding: 30rpx;
  44. justify-content: space-between;
  45. align-items: center;
  46. font-size: 30rpx;
  47. }
  48. .goods-fail .goods-fail-btn .btn {
  49. width: 330rpx;
  50. height: 80rpx;
  51. line-height: 80rpx;
  52. border-radius: 8rpx;
  53. text-align: center;
  54. border: 1rpx solid #999;
  55. background: #fff;
  56. font-size: 32rpx;
  57. color: #666;
  58. }
  59. .goods-fail .goods-fail-btn .btn.origin,
  60. .goods-fail .goods-fail-btn .btn.limit {
  61. color: #fa550f;
  62. color: var(--color-primary, #fa550f);
  63. border: 1rpx solid #fa550f;
  64. border: 1rpx solid var(--color-primary, #fa550f);
  65. }
  66. .goods-fail .goods-fail-btn .btn.limit {
  67. flex-grow: 1;
  68. }