main.scss 1.7 KB

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