东风启辰小程序端
Du kannst nicht mehr als 25 Themen auswählen Themen müssen entweder mit einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

82 Zeilen
1.3KB

  1. /* pages/component/service/index.wxss */
  2. .serviceIcon{
  3. display: block;
  4. width: 81rpx;
  5. height: 81rpx;
  6. position: fixed;
  7. top: 471rpx;
  8. right: 30rpx;
  9. }
  10. .maskGroup{
  11. position: fixed;
  12. left: 0;
  13. top: 0;
  14. width: 100%;
  15. height: 100%;
  16. background-color: rgba(000, 000, 000, 0.8);
  17. padding-bottom: 150rpx;
  18. z-index: 99;
  19. box-sizing: border-box;
  20. }
  21. .contentGroup{
  22. position: absolute;
  23. left: 50%;
  24. top: 40%;
  25. transform: translate(-50%,-50%);
  26. width:480rpx;
  27. height:342rpx;
  28. }
  29. .closeService{
  30. display: block;
  31. position: absolute;
  32. right: -32rpx;
  33. top: -32rpx;
  34. width: 37rpx;
  35. height: 37rpx;
  36. }
  37. .tipGroup{
  38. margin-top: 54rpx;
  39. display: flex;
  40. align-items: center;
  41. justify-content: center;
  42. }
  43. .serviceIcon2{
  44. display: block;
  45. width: 42rpx;
  46. height: 45rpx;
  47. }
  48. .serviceTip{
  49. color: black;
  50. font-size:38rpx;
  51. margin-left: 13rpx;
  52. }
  53. .btnGroup1{
  54. position: absolute;
  55. top: 122rpx;
  56. left: 50%;
  57. transform: translateX(-50%);
  58. height: 68rpx;
  59. width: 428rpx;
  60. }
  61. .serviceText{
  62. font-size: 40rpx;
  63. line-height: 100rpx;
  64. color: white;
  65. }
  66. .serviceArrow{
  67. display: block;
  68. width: 21rpx;
  69. height: 37rpx;
  70. margin-left: 20rpx;
  71. }
  72. .serviceBtn{
  73. position: absolute;
  74. left: 50%;
  75. transform: translateX(-50%);
  76. top: 210rpx;
  77. height: 68rpx;
  78. width: 428rpx;
  79. margin: 0;
  80. padding: 0;
  81. opacity: 0;
  82. }