index.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .my-box {
  2. width: 100vw;
  3. background-color: #ffffff;
  4. margin-bottom: 20px;
  5. padding: 20rpx 24rpx 20rpx;
  6. box-sizing: border-box;
  7. }
  8. .my-head {
  9. display: flex;
  10. justify-content: space-between;
  11. align-items: center;
  12. height: 76rpx;
  13. width: 100%;
  14. margin-bottom: 8rpx;
  15. }
  16. .my-head-left {
  17. width: 490rpx;
  18. height: 80rpx;
  19. }
  20. .my-user {
  21. position: relative;
  22. height: 60rpx;
  23. line-height: 30rpx;
  24. font-size: 28rpx;
  25. color: #333333;
  26. padding-left: 55rpx;
  27. box-sizing: border-box;
  28. }
  29. .my-user .my-name {
  30. display: inline-block;
  31. width: 400rpx;
  32. margin-right: 10rpx;
  33. vertical-align: top;
  34. }
  35. .my-user .my-image-class {
  36. position: absolute;
  37. border-radius: 50%;
  38. overflow: hidden;
  39. left: 0rpx;
  40. top: 50%;
  41. margin-top: -26rpx;
  42. }
  43. /* 地址 */
  44. .my-address {
  45. width: 100%;
  46. height: 34rpx;
  47. line-height: 34rpx;
  48. font-size: 24rpx;
  49. color: #333333;
  50. opacity: .7;
  51. margin-top: 6rpx;
  52. }
  53. /* 电话联系按钮 */
  54. .my-call-up {
  55. display: flex;
  56. align-items: center !important;
  57. width: 196rpx;
  58. height: 52rpx;
  59. background: linear-gradient(180deg, #FFDC00 0%, #FFB600 100%);
  60. box-shadow: 2rpx 2rpx 8rpx 0px rgba(0, 0, 0, 0.15);
  61. border-radius: 33rpx;
  62. font-size: 28rpx;
  63. font-family: PingFangSC-Medium, PingFang SC;
  64. color: #FFFFFF;
  65. padding: 0 !important;
  66. }
  67. /* 供需标题 */
  68. .my-title {
  69. height: 44rpx;
  70. font-size: 32rpx;
  71. font-family: PingFangSC-Regular, PingFang SC;
  72. color: #000000;
  73. line-height: 44rpx;
  74. margin-top: 30rpx;
  75. }
  76. /* 供需说明 */
  77. .my-content {
  78. font-size: 28rpx;
  79. color: #000000;
  80. line-height: 40rpx;
  81. opacity: .7;
  82. margin-top: 10rpx;
  83. }
  84. /* 底部 */
  85. .my-footer {
  86. display: flex;
  87. align-items: center;
  88. justify-content: space-between;
  89. width: 690rpx;
  90. height: 40rpx;
  91. margin-top: 20rpx;
  92. font-size: 28rpx;
  93. color: rgba(51, 51, 51, .7);
  94. overflow: hidden;
  95. }
  96. .shareBut{
  97. padding: 0 !important;
  98. margin: 0 !important;
  99. border: 0 !important;
  100. background-color: #ffffff;
  101. color: rgba(51, 51, 51, .7) !important;
  102. font-size: 28rpx !important;
  103. }