index.acss 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .soldier-scan-result .wrapper {
  2. position: relative;
  3. }
  4. .soldier-scan-result .wrapper .panel {
  5. height: 360rpx;
  6. position: relative;
  7. overflow: hidden;
  8. }
  9. .soldier-scan-result .wrapper .panel::after {
  10. content: '';
  11. width: 140%;
  12. height: 360rpx;
  13. position: absolute;
  14. left: -20%;
  15. top: 0;
  16. border-radius: 0 0 50% 50%;
  17. background-image: linear-gradient(135deg, #168BFF 0%, #1664FF 100%);
  18. }
  19. .soldier-scan-result .wrapper .info-header {
  20. position: absolute;
  21. top: 0;
  22. display: flex;
  23. flex-direction: column;
  24. align-items: center;
  25. justify-content: center;
  26. padding: 30rpx 24rpx 40rpx 24rpx;
  27. width: 100%;
  28. box-sizing: border-box;
  29. }
  30. .soldier-scan-result .wrapper .info-header .title {
  31. display: flex;
  32. align-items: center;
  33. font-size: 36rpx;
  34. color: #fff;
  35. }
  36. .soldier-scan-result .wrapper .info-header .title view {
  37. margin-left: 12rpx;
  38. }
  39. .soldier-scan-result .wrapper .info-header .subtitle {
  40. margin-top: 10rpx;
  41. font-size: 26rpx;
  42. color: #fff;
  43. opacity: 0.6;
  44. }
  45. .soldier-scan-result .info-box {
  46. position: relative;
  47. margin: -180rpx 24rpx 24rpx 24rpx;
  48. padding: 16rpx 0;
  49. background-color: #fff;
  50. border-radius: 16rpx;
  51. }
  52. .soldier-scan-result .info-box .item {
  53. display: flex;
  54. align-items: center;
  55. justify-content: space-between;
  56. height: 96rpx;
  57. padding: 24rpx;
  58. box-sizing: border-box;
  59. }
  60. .soldier-scan-result .info-box .item label {
  61. margin-right: 24rpx;
  62. font-size: 34rpx;
  63. color: #333;
  64. }
  65. .soldier-scan-result .info-box .item text {
  66. flex: 1;
  67. font-size: 30rpx;
  68. color: #999;
  69. text-align: right;
  70. }
  71. .soldier-scan-result button {
  72. margin: 40rpx 24rpx;
  73. border-radius: 8rpx;
  74. font-size: 36rpx;
  75. background-color: #1677FF;
  76. }