main.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. // 基于uview-plus的table组件
  2. .u-table {
  3. width: calc(100% - 32rpx);
  4. margin: 0 auto 1rem auto;
  5. border-left:4rpx solid #f2f2f2 !important;
  6. border-top:4rpx solid #f2f2f2 !important;
  7. }
  8. .u-tr {
  9. height: 92rpx;
  10. display: flex;
  11. align-items: center;
  12. box-sizing: border-box;
  13. }
  14. .u-th {
  15. height: 100%;
  16. padding-right: 32rpx !important;
  17. background-color: #fafafa !important;
  18. align-items: flex-end;
  19. justify-content: flex-end;
  20. box-sizing: border-box;
  21. max-width: 30%;
  22. border-bottom:4rpx solid #f2f2f2 !important;
  23. border-right:4rpx solid #f2f2f2 !important;
  24. color:#333333 !important;
  25. font-size: 32rpx !important;
  26. font-weight: normal !important;
  27. }
  28. .u-td{
  29. height: 100%;
  30. padding-left: 32rpx !important;
  31. align-items: flex-start;
  32. justify-content: flex-start;
  33. box-sizing: border-box;
  34. border-bottom:4rpx solid #f2f2f2 !important;
  35. border-right:4rpx solid #f2f2f2 !important;
  36. color:#333333 !important;
  37. font-size: 32rpx !important;
  38. }
  39. td {
  40. flex: 1 !important;
  41. min-width: 0 !important;
  42. width: 100% !important;
  43. height: 100% !important;
  44. display: flex !important;
  45. }
  46. ss-input {
  47. width: 100% !important;
  48. }
  49. ss-select {
  50. width: 100% !important;
  51. }
  52. ss-datetime-picker {
  53. width: 100% !important;
  54. }
  55. .u-toolbar__wrapper__confirm{
  56. color: #000000 !important;
  57. }
  58. // 列表页面通用样式
  59. .list-page {
  60. padding: 20rpx;
  61. background-color: #f5f5f5;
  62. min-height: 100vh;
  63. }
  64. // 列表页面搜索区域
  65. .search-container {
  66. display: flex;
  67. margin: 1rem 0;
  68. gap: 0.5rem;
  69. justify-content: flex-end;
  70. }