租房小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

97 lines
1.8 KiB

3 months ago
  1. .u-popup__content,.uni-page-head,.u-tabbar__content,.u-navbar__content,.u-transition{
  2. width: 750rpx !important;
  3. max-width: 750px;
  4. margin: 0 auto;
  5. }
  6. .se-header,.se-bottom,
  7. .se-app{
  8. > view {
  9. width: 750rpx !important;
  10. max-width: 750px;
  11. margin: 0 auto;
  12. }
  13. }
  14. .se-bottom{
  15. width: 750rpx !important;
  16. max-width: 750px;
  17. }
  18. .uni-tabbar-bottom {
  19. bottom: 0;
  20. .uni-tabbar {
  21. width: 750rpx !important;
  22. max-width: 750px;
  23. position: absolute !important;
  24. left: 50% !important;
  25. transform: translateX(-50%);
  26. }
  27. }
  28. html{
  29. height: 100%;
  30. background-color: #fff;
  31. }
  32. .uni-body{
  33. height: auto;
  34. background-color: #fff;
  35. }
  36. uni-app{
  37. height: unset;
  38. uni-page {
  39. display: block;
  40. height: 100%;
  41. .uni-input-input{
  42. padding-left:2rpx;
  43. font-size: 22rpx;
  44. }
  45. uni-page-head .uni-page-head{
  46. height: 88rpx;
  47. height: calc(88rpx + constant(safe-area-inset-top));
  48. height: calc(88rpx + env(safe-area-inset-top));
  49. padding: 0rpx 10rpx;
  50. }
  51. uni-page-head .uni-page-head__title{
  52. line-height: 88rpx;
  53. }
  54. uni-page-head .uni-page-head~.uni-placeholder {
  55. width: 100%;
  56. height: 88rpx;
  57. height: calc(88rpx + constant(safe-area-inset-top));
  58. height: calc(88rpx + env(safe-area-inset-top));
  59. }
  60. uni-page-body {
  61. color: #333333;
  62. font-size: 28rpx;
  63. }
  64. uni-page-wrapper{
  65. background: #fff;
  66. }
  67. uni-slider .uni-slider-handle-wrapper {
  68. height: 20rpx;
  69. }
  70. }
  71. }
  72. // 控制 tabbar 选中样式
  73. // .uni-tabbar__icon__diff {
  74. // width: 100rpx !important;
  75. // height: 100rpx !important;
  76. // }
  77. .uni-page-head {
  78. border-bottom: 1px solid #dddddd;
  79. }
  80. .refresh {
  81. animation: rotating 300ms linear infinite reverse;
  82. }
  83. @keyframes rotating {
  84. from {
  85. transform: rotate(0deg);
  86. }
  87. to {
  88. transform: rotate(-360deg);
  89. }
  90. }