houseItems.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. @charset "UTF-8";
  2. /* 需要放到文件最上面 */
  3. /* 水平间距 */
  4. /* 水平间距 */
  5. /*
  6. 以下变量是默认值,如不需要修改可以不用给下面的变量重新赋值
  7. */
  8. /* 水平间距 */
  9. .house-items {
  10. width: 100%;
  11. padding: 30rpx;
  12. background: #fff;
  13. border-radius: 16rpx;
  14. box-sizing: border-box;
  15. position: relative;
  16. box-shadow: 0px 1px 12px rgba(3, 3, 3, 0.08);
  17. margin-bottom: 30rpx;
  18. }
  19. .house-items .house-level {
  20. position: absolute;
  21. top: 50rpx;
  22. right: 50rpx;
  23. color: #fa8c16;
  24. font-weight: bold;
  25. background: rgba(255, 255, 255, 0.7);
  26. width: 80rpx;
  27. text-align: center;
  28. height: 40rpx;
  29. line-height: 40rpx;
  30. border-radius: 40rpx;
  31. }
  32. .house-items .house-image {
  33. height: 300rpx;
  34. width: 100%;
  35. overflow: hidden;
  36. border-radius: 8px;
  37. }
  38. .house-items .title {
  39. font-size: 32rpx;
  40. font-weight: 500;
  41. padding: 20rpx 0 10rpx 0;
  42. }
  43. .house-items .space {
  44. font-weight: 300;
  45. color: #8c8c8c;
  46. }
  47. .house-items .tag {
  48. font-size: 24rpx;
  49. font-weight: 300;
  50. color: #8c8c8c;
  51. padding: 12rpx 0;
  52. }
  53. .house-items .pirce {
  54. color: #08979c;
  55. }
  56. .house-items .pirce .number {
  57. font-weight: 600;
  58. font-size: 48rpx;
  59. }
  60. .house-items .pirce .label {
  61. font-size: 24rpx;
  62. }
  63. .house-items .house-btn {
  64. background: #08979c;
  65. height: 68rpx;
  66. text-align: center;
  67. line-height: 68rpx;
  68. color: #ffffff;
  69. border-radius: 68rpx;
  70. margin-top: 30rpx;
  71. }