Ana Sayfa Keşfet Yardım
Giriş Yap
caimei365
/
caimei365-www
3
0
Çatalla 0
Dosyalar Sorunlar 0 Değişiklik İstekleri 0 Wiki
Ağaç: 0c8a8c2fec
Dallar Biçim İmleri
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
supplier-center
/
article
/
article-list.css

article-list.css 6.8 KB
Geçmiş Ham

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 
  1. @charset "UTF-8";
    2. 

  2. /*修复element-ui字体样式问题*/
    3. 

  3. .el-icon-arrow-up:before {
    4. 

  4.     content: "\276F" !important;
    5. 

  5. }
    6. 

  6. .el-select__caret {
    7. 

  7.     transform: rotate(90deg) !important;
    8. 

  8. }
    9. 

  9. .el-icon-circle-close:before {
    10. 

  10.     content: "\2716" !important;
    11. 

  11. }
    12. 

  12. @media screen and (min-width: 768px){
    13. 

  13. .top-row{width:968px;padding:12px 0 12px 236px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
    14. 

  14. .top-row .crumbs{width:auto;padding:0;margin:0}
    15. 

  15. .hot-tip{font-size:12px;color:#FF5B00;margin-bottom: 8px;}
    16. 

  16. /*筛选区域*/
    17. 

  17. .filter-container{ padding-bottom: 16px;}
    18. 

  18. .filter-container .filter-control{ display: inline-block ; margin-top: 16px; margin-right: 2px;}
    19. 

  19. .filter-container .filter-control .label { display: inline-block; line-height: 36px; }
    20. 

  20. .filter-container .filter-control .control { display: inline-block ;}
    21. 

  21. .filter-container .filter-control .el-input .el-input__inner{ height: 36px; line-height: 34px; border-radius: 2px;}
    22. 

  22. .filter-container .filter-control .el-input { width: 168px; }
    23. 

  23. .filter-container .filter-control .el-select .el-input{ width: 128px; }
    24. 

  24. .filter-container .filter-control .el-select .el-input__inner{ width: 128px; }
    25. 

  25. .filter-container .filter-control .el-select .el-select__caret{ line-height: 36px }
    26. 

  26. .filter-container .filter-control .form-button{height:36px;padding:0 30px;margin-left:8px;font-size:14px;line-height:36px;border-radius:2px;cursor:pointer}
    27. 

  27. .filter-container .filter-control .buttons{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
    28. 

  28. .filter-container .filter-control .form-button.search{color:#FFFFFF;background:#FF5B00}
    29. 

  29. .filter-container .filter-control .form-button.add{background:#FFE6DC;border:1px solid #FF5B00;color:#FF5B00}
    30. 

  30. /*筛选区域END*/
    31. 

  31. .navLayout{min-height:500px}
    32. 

  32. .article-list{}
    33. 

  33. .article-list .row{width:100%;padding:18px 20px 0;margin-bottom:16px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.07);box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
    34. 

  34. .article-list .table,.table tr,.table th,.table td{border:0}
    35. 

  35. .article-list .table{width:100%}
    36. 

  36. .article-list .table th{font-size:14px;color:#627386;padding-bottom:16px;border-bottom:1px solid #E2E7EF;font-weight: 500;}
    37. 

  37. .article-list .table td{font-size:12px;color:#22272E;text-align:center}
    38. 

  38. .article-list .table td{padding:16px 0}
    39. 

  39. .article-list .table .title,.article-list .table .time,.article-list .table .option{width:100px}
    40. 

  40. .article-list .table .title{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
    41. 

  41. .article-list .table .reason{display:inline-block;width:14px;height:14px;background:#FF2A2A;color:#fff;border-radius:50%;vertical-align:middle;line-height:14px;text-align:center;margin-left:2px;cursor: help;}
    42. 

  42. .article-list .table .option .form-button{padding: 0 2px; height:22px;margin:2px 0;line-height:22px;text-align:center;background:#FFE6DC;border:1px solid #FF5B00;border-radius:2px;font-size:12px;color:#FF5B00;cursor:pointer}
    43. 

  43. .article-list .table .cover{display:inline-block;width:48px;height:48px;border:1px dashed #E2E7EF}
    44. 

  44. .article-list .state{color:#22272E}
    45. 

  45. .article-list .state.success{color:#34CC8C}
    46. 

  46. .article-list .state.warning{color:#F9A94B}
    47. 

  47. .article-list .state.danger{color:#F94B4B}
    48. 

  48. .article-list .state.primary{color:#1890F9}
    49. 

  49. .article-list .pageWrap{width:100% !important}
    50. 

  50. }
    51. 

  51. 

  52. @media screen and (max-width: 768px){
    53. 

  53. /*.top-row{width:968px;padding:12px 0 12px 236px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}*/
    54. 

  54. .top-row .crumbs{width:auto;padding:0;margin:0}
    55. 

  55. .hot-tip{font-size:2.8vw;color:#FF5B00;margin-bottom: 3.2vw}
    56. 

  56. .form-section .form-item{padding-bottom:18px}
    57. 

  57. .form-section .form-item .form-label{font-size:3.4vw;color:#627386;margin-bottom: 2.8vw;display: block}
    58. 

  58. .form-section .form-item:nth-child(1) .form-label,
    59. 

  59. .form-section .form-item:nth-child(2) .form-label,
    60. 

  60. .form-section .form-item:nth-child(3) .form-label{display: block;}
    61. 

  61. .form-section .form-item .form-control{outline:none;width:100%;height:36px;padding:2.2vw 2.8vw;background:#FFFFFF;border:1px solid #B8BFCA;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box}
    62. 

  62. .form-section .form-item .form-control::-webkit-input-placeholder{font-size:3.4vw;color:#9AA5B5}
    63. 

  63. .form-section .form-item .form-control::-moz-placeholder{font-size:3.4vw;color:#9AA5B5}
    64. 

  64. .form-section .form-item .form-control:-ms-input-placeholder{font-size:3.4vw;color:#9AA5B5}
    65. 

  65. .form-section .form-item .form-control::-ms-input-placeholder{font-size:3.4vw;color:#9AA5B5}
    66. 

  66. .form-section .form-item .form-control::placeholder{font-size:3.4vw;color:#9AA5B5}
    67. 

  67. .form-section .form-item .form-select{color:#627386}
    68. 

  68. .form-section .form-item .form-button{height:11.2vw;width: 40vw; font-size:2.8vw;text-align: center; line-height:11.2vw;border-radius:2px;cursor:pointer}
    69. 

  69. .form-section .buttons{display: flex; justify-content:space-between}
    70. 

  70. .form-section .form-item .form-button.search{color:#FFFFFF;background:#FF5B00}
    71. 

  71. .form-section .form-item .form-button.add{background:#FFE6DC;border:1px solid #FF5B00;color:#FF5B00}
    72. 

  72. .navLayout{min-height:500px}
    73. 

  73. .article-list{}
    74. 

  74. .article-list .row{overflow-y: auto; width:100%;padding:4vw 3.4vw 0;margin-bottom:3.8vw;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-box-shadow:0px 3px 6px rgba(0,0,0,0.07);box-shadow:0px 3px 6px rgba(0,0,0,0.07)}
    75. 

  75. .article-list .table,.table tr,.table th,.table td{border:0}
    76. 

  76. .article-list .table{width:250vw;}
    77. 

  77. .article-list .table th{font-size:3.4vw;color:#627386;padding-bottom:3.8vw;border-bottom:1px solid #E2E7EF;font-weight: 500;}
    78. 

  78. .article-list .table td{font-size:2.8vw;color:#22272E;text-align:center}
    79. 

  79. .article-list .table td{padding:3.8vw 0}
    80. 

  80. .article-list .table .title,.article-list .table .time,.article-list .table .option{width:100px}
    81. 

  81. .article-list .table .title{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
    82. 

  82. .article-list .table .reason{display:inline-block;width:14px;height:14px;background:#FF2A2A;color:#fff;border-radius:50%;vertical-align:middle;line-height:14px;text-align:center;margin-left:2px;cursor: help;}
    83. 

  83. .article-list .table .option .form-button{padding: 0 2px;height:22px;margin:2px 0;line-height:22px;text-align:center;background:#FFE6DC;border:1px solid #FF5B00;border-radius:2px;font-size:2.8vw;color:#FF5B00;cursor:pointer}
    84. 

  84. .article-list .table .cover{display:inline-block;width:48px;height:48px;border:1px dashed #E2E7EF}
    85. 

  85. .article-list .state{color:#22272E}
    86. 

  86. .article-list .state.success{color:#34CC8C}
    87. 

  87. .article-list .state.warning{color:#F9A94B}
    88. 

  88. .article-list .state.danger{color:#F94B4B}
    89. 

  89. .article-list .state.primary{color:#1890F9}
    90. 

  90. .article-list .pageWrap{width:100% !important}
    91. 

  91. }
    92.