takePhoto.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. /* pages/takePhoto/takePhoto.wxss */
  2. .top-container {
  3. position: relative;
  4. width: 100%;
  5. height: 35vh;
  6. padding-top: 154rpx;
  7. background-size: contain;
  8. background: url(https://6875-huihenduo-2gx127w7f837b584-1255802371.tcb.qcloud.la/miniapp-static/sea-bgd.jpeg?sign=f138978877f53ccdc48937c58811659b&t=1634539269)
  9. }
  10. .avatar-icon {
  11. display: block;
  12. width: 110rpx;
  13. height: 110rpx;
  14. border-radius: 50%;
  15. margin: 0 auto;
  16. }
  17. .user-name {
  18. margin-right: 40rpx;
  19. }
  20. .phone {
  21. font-size: 28rpx;
  22. font-weight: 400;
  23. }
  24. .text {
  25. font-size: 30rpx;
  26. font-family: PingFangSC-Medium,
  27. PingFang SC;
  28. font-weight: 500;
  29. color: #FFFFFF;
  30. margin-top: 30rpx;
  31. }
  32. .camera-icon {
  33. display: block;
  34. width: 234rpx;
  35. height: 234rpx;
  36. position: absolute;
  37. top: 50%;
  38. left: calc(50% - 117rpx);
  39. }
  40. .auth-modal {
  41. position: absolute;
  42. top: 0;
  43. right: 0;
  44. bottom: 0;
  45. left: 0;
  46. background-color: rgba(0, 0, 0, 0.7);
  47. }
  48. .modal {
  49. width: 557rpx;
  50. height: 274rpx;
  51. background: #FFFFFF;
  52. border-radius: 16rpx;
  53. margin: 548rpx auto;
  54. padding-top: 55rpx;
  55. }
  56. .service {
  57. width: 100%;
  58. text-align: center;
  59. font-size: 36rpx;
  60. font-family: PingFangSC-Medium,
  61. PingFang SC;
  62. font-weight: 500;
  63. color: #333333;
  64. -webkit-text-stroke: 1rpx #979797;
  65. }
  66. .auth-btn {
  67. width: 350rpx;
  68. height: 69rpx;
  69. background: #0094FE;
  70. border-radius: 8rpx;
  71. font-size: 36rpx;
  72. font-family: PingFangSC-Regular,
  73. PingFang SC;
  74. font-weight: 400;
  75. color: #FFFFFF;
  76. line-height: 69rpx;
  77. margin: 0 auto;
  78. margin-top: 55rpx;
  79. text-align: center;
  80. }
  81. .icon {
  82. width: 160rpx;
  83. height: 160rpx;
  84. }
  85. .camera-cargo {
  86. height: 32vh;
  87. background: #006ebd;
  88. }
  89. .camera-bill {
  90. height: 33vh;
  91. background: #fa283d;
  92. }
  93. .new-camera {
  94. text-align: center;
  95. padding-top: 6vh;
  96. color: #fff;
  97. font-size: 42rpx;
  98. }
  99. .ship-name,
  100. .ship-mmsi {
  101. width: 153rpx;
  102. height: 36rpx;
  103. font-size: 30rpx;
  104. font-family: PingFangSC-Regular,
  105. PingFang SC;
  106. font-weight: 400;
  107. color: #333333;
  108. line-height: 36rpx;
  109. text-align: right;
  110. margin-right: 6rpx;
  111. }
  112. .ship-name-ipt,
  113. .ship-mmsi-ipt {
  114. width: 420rpx;
  115. height: 67rpx;
  116. border: 1px solid #979797;
  117. font-size: 30rpx;
  118. padding-left: 20rpx;
  119. }
  120. .submit {
  121. margin: 130rpx auto;
  122. width: 80%;
  123. height: 80rpx;
  124. background: #0094FE;
  125. border-radius: 4rpx;
  126. font-size: 34rpx;
  127. font-family: PingFangSC-Regular,
  128. PingFang SC;
  129. font-weight: 400;
  130. color: #FFFFFF;
  131. text-align: center;
  132. line-height: 80rpx;
  133. border-radius: 40rpx;
  134. }