common.css 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /*列表上方操作按钮区域*/
  2. .ant-card-body .table-operator {
  3. margin-bottom: 8px;
  4. }
  5. /** Button按钮间距 */
  6. .table-operator .ant-btn {
  7. margin: 0 8px 8px 0;
  8. }
  9. .table-operator .ant-btn-group .ant-btn {
  10. margin: 0;
  11. }
  12. .table-operator .ant-btn-group .ant-btn:last-child {
  13. margin: 0 8px 8px 0;
  14. }
  15. /*列表td的padding设置 可以控制列表大小*/
  16. .ant-table-tbody .ant-table-row td {
  17. padding-top: 15px;
  18. padding-bottom: 15px;
  19. }
  20. /*列表页面弹出modal*/
  21. .ant-modal-cust-warp {
  22. height: 100%;
  23. }
  24. /*弹出modal Y轴滚动条*/
  25. .ant-modal-cust-warp .ant-modal-body {
  26. height: calc(100% - 110px) !important;
  27. overflow-y: auto;
  28. }
  29. /*弹出modal 先有content后有body 故滚动条控制在body上*/
  30. .ant-modal-cust-warp .ant-modal-content {
  31. height: 90% !important;
  32. overflow-y: hidden;
  33. }
  34. /*列表中有图片的加这个样式 参考用户管理*/
  35. .anty-img-wrap {
  36. height: 25px;
  37. position: relative;
  38. }
  39. .anty-img-wrap > img {
  40. max-height: 100%;
  41. }
  42. /*列表中范围查询样式*/
  43. .query-group-cust {
  44. width: calc(50% - 10px);
  45. }
  46. .query-group-split-cust:before {
  47. content: "~";
  48. width: 20px;
  49. display: inline-block;
  50. text-align: center;
  51. }
  52. /*erp风格子表外框padding设置*/
  53. .ant-card-wider-padding.cust-erp-sub-tab > .ant-card-body {
  54. padding: 5px 12px;
  55. }
  56. /* 内嵌子表背景颜色 */
  57. .j-inner-table-wrapper /deep/ .ant-table-expanded-row .ant-table-wrapper .ant-table-tbody .ant-table-row {
  58. background-color: #FFFFFF;
  59. }
  60. /**隐藏样式-modal确定按钮 */
  61. .jee-hidden {
  62. display: none;
  63. }