phonebtn.wxss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .box_hei.data-v-644ae252 {
  18. width: 100%;
  19. height: 100%;
  20. background: rgba(0, 0, 0, 0.8);
  21. position: fixed;
  22. top: 0;
  23. left: 0;
  24. z-index: 3;
  25. }
  26. .box_hei .hei_box.data-v-644ae252 {
  27. background: #fff;
  28. border-radius: 22rpx 22rpx 0 0;
  29. height: 440rpx;
  30. padding: 52rpx 28rpx 104rpx;
  31. position: absolute;
  32. bottom: 0;
  33. width: 100%;
  34. box-sizing: border-box;
  35. }
  36. .box_hei .hei_box .box_top.data-v-644ae252 {
  37. padding: 0 18rpx 62rpx;
  38. }
  39. .box_hei .hei_box .box_top .box_title.data-v-644ae252 {
  40. display: flex;
  41. justify-content: space-between;
  42. font-size: 30rpx;
  43. margin-bottom: 30rpx;
  44. }
  45. .box_hei .hei_box .box_top .box_title view.data-v-644ae252 {
  46. display: flex;
  47. align-items: center;
  48. color: #333333;
  49. }
  50. .box_hei .hei_box .box_top .box_title .img.data-v-644ae252 {
  51. margin-right: 14rpx;
  52. width: 180rpx;
  53. height: 48rpx;
  54. }
  55. .box_hei .hei_box .box_top .box_title .imgs.data-v-644ae252 {
  56. width: 40rpx;
  57. height: 40rpx;
  58. }
  59. .box_hei .hei_box .box_top .box_nameq.data-v-644ae252 {
  60. color: #333333;
  61. font-size: 44rpx;
  62. font-weight: bold;
  63. }
  64. .box_hei .hei_box .box_phone.data-v-644ae252 {
  65. height: 106rpx;
  66. display: flex;
  67. align-items: center;
  68. justify-content: space-between;
  69. font-size: 28rpx;
  70. color: #A6A6A6;
  71. border-bottom: 1rpx solid #EBEBEB;
  72. border-top: 1rpx solid #EBEBEB;
  73. }
  74. .box_hei .hei_box .box_phone view.data-v-644ae252 {
  75. display: flex;
  76. align-items: center;
  77. }
  78. .box_hei .hei_box .box_phone .img.data-v-644ae252 {
  79. width: 26rpx;
  80. height: 22rpx;
  81. }
  82. .box_hei .hei_box .box_phone ._span.data-v-644ae252 {
  83. color: #333333;
  84. font-size: 32rpx;
  85. padding-right: 18rpx;
  86. font-weight: bold;
  87. }
  88. .box_hei .hei_box .box_qita.data-v-644ae252 {
  89. height: 106rpx;
  90. font-size: 28rpx;
  91. color: #7CA4FC;
  92. line-height: 106rpx;
  93. }
  94. .box_hei .hei_box .boxs.data-v-644ae252 {
  95. height: 50rpx;
  96. }
  97. .box_hei .hei_box .box_btns.data-v-644ae252 {
  98. margin-top: 10rpx;
  99. display: flex;
  100. justify-content: space-between;
  101. }
  102. .box_hei .hei_box .box_btns .box_btn.data-v-644ae252 {
  103. width: 324rpx;
  104. height: 82rpx;
  105. font-size: 32rpx;
  106. display: flex;
  107. align-items: center;
  108. justify-content: center;
  109. border-radius: 4rpx;
  110. }
  111. .box_hei .hei_box .box_btns .box_btn1.data-v-644ae252 {
  112. background: #F3F3F3;
  113. color: #33B925;
  114. }
  115. .box_hei .hei_box .box_btns .box_btn2.data-v-644ae252 {
  116. background: #37962B;
  117. color: #FFFFFF;
  118. }