首頁 探索 說明
登入
caimei365
/
caimei365-www
3
0
複刻 0
檔案 問題管理 0 合併請求 0 Wiki
目錄樹: f17898368d
分支列表 標籤列表
caimei365-www
/
src
/
main
/
resources
/
static
/
css
/
supplier-center
/
article
/
article-list.css

article-list.css 6.5 KB
文件歷史 原始文件

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

  2. @media screen and (min-width: 768px){
    3. 

  3. .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}
    4. 

  4. .top-row .crumbs{width:auto;padding:0;margin:0}
    5. 

  5. .hot-tip{font-size:12px;color:#E15616;margin-bottom: 8px;}
    6. 

  6. /*筛选区域*/
    7. 

  7. .filter-container{ padding-bottom: 16px;}
    8. 

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

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

  10. .filter-container .filter-control .control { display: inline-block ;}
    11. 

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

  12. .filter-container .filter-control .el-input { width: 168px; }
    13. 

  13. .filter-container .filter-control .el-select .el-input{ width: 128px; }
    14. 

  14. .filter-container .filter-control .el-select .el-input__inner{ width: 128px; }
    15. 

  15. .filter-container .filter-control .el-select .el-select__caret{ line-height: 36px }
    16. 

  16. .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}
    17. 

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

  18. .filter-container .filter-control .form-button.search{color:#FFFFFF;background:#E15616}
    19. 

  19. .filter-container .filter-control .form-button.add{background:#FFE6DC;border:1px solid #E15616;color:#E15616}
    20. 

  20. /*筛选区域END*/
    21. 

  21. .navLayout{min-height:500px}
    22. 

  22. .article-list{}
    23. 

  23. .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)}
    24. 

  24. .article-list .table,.table tr,.table th,.table td{border:0}
    25. 

  25. .article-list .table{width:100%}
    26. 

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

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

  28. .article-list .table td{padding:16px 0}
    29. 

  29. .article-list .table .title,.article-list .table .time,.article-list .table .option{width:100px}
    30. 

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

  31. .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;}
    32. 

  32. .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 #E15616;border-radius:2px;font-size:12px;color:#E15616;cursor:pointer}
    33. 

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

  34. .article-list .state{color:#22272E}
    35. 

  35. .article-list .state.success{color:#34CC8C}
    36. 

  36. .article-list .state.warning{color:#F9A94B}
    37. 

  37. .article-list .state.danger{color:#F94B4B}
    38. 

  38. .article-list .state.primary{color:#1890F9}
    39. 

  39. .article-list .pageWrap{width:100% !important}
    40. 

  40. }
    41. 

  41. 

  42. @media screen and (max-width: 768px){
    43. 

  43. /*.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}*/
    44. 

  44. .top-row .crumbs{width:auto;padding:0;margin:0}
    45. 

  45. .hot-tip{font-size:2.8vw;color:#E15616;margin-bottom: 3.2vw}
    46. 

  46. .form-section .form-item{padding-bottom:18px}
    47. 

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

  48. .form-section .form-item:nth-child(1) .form-label,
    49. 

  49. .form-section .form-item:nth-child(2) .form-label,
    50. 

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

  51. .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}
    52. 

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

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

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

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

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

  57. .form-section .form-item .form-select{color:#627386}
    58. 

  58. .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}
    59. 

  59. .form-section .buttons{display: flex; justify-content:space-between}
    60. 

  60. .form-section .form-item .form-button.search{color:#FFFFFF;background:#E15616}
    61. 

  61. .form-section .form-item .form-button.add{background:#FFE6DC;border:1px solid #E15616;color:#E15616}
    62. 

  62. .navLayout{min-height:500px}
    63. 

  63. .article-list{}
    64. 

  64. .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)}
    65. 

  65. .article-list .table,.table tr,.table th,.table td{border:0}
    66. 

  66. .article-list .table{width:250vw;}
    67. 

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

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

  69. .article-list .table td{padding:3.8vw 0}
    70. 

  70. .article-list .table .title,.article-list .table .time,.article-list .table .option{width:100px}
    71. 

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

  72. .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;}
    73. 

  73. .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 #E15616;border-radius:2px;font-size:2.8vw;color:#E15616;cursor:pointer}
    74. 

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

  75. .article-list .state{color:#22272E}
    76. 

  76. .article-list .state.success{color:#34CC8C}
    77. 

  77. .article-list .state.warning{color:#F9A94B}
    78. 

  78. .article-list .state.danger{color:#F94B4B}
    79. 

  79. .article-list .state.primary{color:#1890F9}
    80. 

  80. .article-list .pageWrap{width:100% !important}
    81. 

  81. }
    82.