index.wxss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. /* components/detailsCard/index.wxss */
  2. @import '../../styles/index.wxss';
  3. .card-padding {
  4. padding: 10rpx;
  5. }
  6. .card-cont {
  7. position: relative;
  8. border: 1rpx solid #E4EFFF;
  9. border-radius: 8rpx;
  10. }
  11. /* 三角形icon */
  12. .triangle {
  13. position: absolute;
  14. top: 0;
  15. left: 50%;
  16. transform: translateX(-50%);
  17. width: 36rpx;
  18. height: 22rpx;
  19. }
  20. .audit {
  21. position: absolute;
  22. right: 48rpx;
  23. top: 21rpx;
  24. width: 113rpx;
  25. height: 106rpx;
  26. }
  27. /* 标题 */
  28. .title {
  29. margin-top: 50rpx;
  30. text-align: center;
  31. }
  32. .title>text {
  33. background: linear-gradient(180deg, #90BBEC 0%, #2074D6 100%);
  34. -webkit-background-clip: text;
  35. background-clip: text;
  36. color: transparent;
  37. font-weight: 700;
  38. font-size: 40rpx;
  39. }
  40. .van-cell {
  41. line-height: 30rpx;
  42. }
  43. /* 内容 */
  44. .cont {
  45. margin-top: 64rpx;
  46. }
  47. .photo {
  48. width: 174rpx;
  49. height: 216rpx;
  50. background-color: #C4C4C4;
  51. }
  52. /* 二维码 */
  53. .qrcode-area {
  54. width: 100%;
  55. margin-top: 80rpx;
  56. display: flex;
  57. justify-content: center;
  58. align-items: center;
  59. flex-direction: column;
  60. }
  61. .qrcode-area>image,.img {
  62. width: 400rpx;
  63. height: 400rpx;
  64. }
  65. .qrcode-area>text {
  66. color: #90BBEC;
  67. font-size: 26rpx;
  68. margin-top: 12rpx;
  69. }
  70. /* 提示信息 */
  71. .tip {
  72. margin-top: 24rpx;
  73. font-size: 26rpx;
  74. color: #B7C7DE;
  75. text-align: center;
  76. margin-bottom: 8rpx;
  77. padding:0 30rpx;
  78. }
  79. .flex-sm {
  80. flex: 2 !important;
  81. }
  82. .qrcode-tit{
  83. font-size: 30rpx;
  84. font-weight: 700;
  85. text-align: center;
  86. color: rgba(51, 51, 51, 1);
  87. margin-bottom: 10rpx;
  88. }