兼兼街租房小程序
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.

91 lines
2.0 KiB

  1. /**app.wxss**/
  2. .container {
  3. box-sizing: border-box;
  4. background-color: #FFF !important;
  5. font-family: helvetica,'Heiti SC',PingFangSC-Light;
  6. min-height: calc(100vh - 100rpx);
  7. }
  8. /*
  9. *改变checkbox样式
  10. *自定义样式
  11. */
  12. /* reg */
  13. uni-checkbox-group {
  14. width: 100% !important;
  15. }
  16. uni-checkbox-group uni-label{
  17. width: 33% !important;
  18. display: inline-flex;
  19. margin-bottom: 20rpx;
  20. }
  21. /*checkbox 选项框大小 */
  22. uni-checkbox .uni-checkbox-input{
  23. width: 38rpx !important;
  24. height: 38rpx !important;
  25. border-radius: 50%!important;
  26. }
  27. /*checkbox选中后样式 */
  28. uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked{
  29. background: #e43130;
  30. border: 1px solid transparent !important;
  31. }
  32. /*checkbox选中后图标样式 */
  33. uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before{
  34. display: inline-block;
  35. width: 20rpx;
  36. height: 20rpx;
  37. line-height: 20rpx;
  38. text-align: center;
  39. font-size: 18rpx;
  40. color: #fff;
  41. background: transparent;
  42. transform: translate(-60%, -50%) scale(1);
  43. -webkit-transform: translate(-60%, -50%) scale(1);
  44. }
  45. /*
  46. *改变radio样式
  47. *自定义样式
  48. */
  49. /* 未选中的 背景样式 */
  50. uni-radio .uni-radio-input{
  51. height: 36rpx;
  52. width: 36rpx;
  53. border-radius: 50%;
  54. background: transparent;
  55. box-sizing: border-box;
  56. }
  57. /* 选中后的 背景样式 */
  58. uni-radio .uni-radio-input.uni-radio-input-checked{
  59. border: none !important;
  60. background: #e43130 !important;
  61. }
  62. /* 选中后的 对勾样式 */
  63. uni-radio .uni-radio-input.uni-radio-input-checked::before{
  64. border-radius: 50%;
  65. width: 32rpx;
  66. height: 32rpx;
  67. line-height: 32rpx;
  68. text-align: center;
  69. font-size: 20rpx;
  70. color:#fff;
  71. background: #e43130;
  72. border-radius: 50%;
  73. transform: translate(-50%, -50%) scale(1);
  74. -webkit-transform: translate(-50%, -50%) scale(1);
  75. }
  76. /* 底部按钮兼容 iPhone X以上 */
  77. @media screen and (width: 375px) and (height: 812px){
  78. .container {
  79. padding-bottom: 70px;
  80. }
  81. }
  82. @media screen and (width: 414px) and (height: 736px){
  83. .container {
  84. padding-bottom: 70px;
  85. }
  86. }