zhuisu2.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. page {
  2. background: #ffffff;
  3. }
  4. .nfc_mid {
  5. padding: 184rpx 0 0 0;
  6. text-align: center;
  7. }
  8. .nfc_mid image {
  9. width: 400rpx;
  10. height: 400rpx;
  11. }
  12. .nfc_mid view {
  13. font-size: 34rpx;
  14. color: #0D6EE6;
  15. margin-top: 180rpx;
  16. }
  17. .nfc_foot {
  18. position: fixed;
  19. bottom: 0;
  20. left: 0;
  21. right: 0;
  22. padding: 0 0 48rpx 0;
  23. text-align: center;
  24. font-size: 26rpx;
  25. color: #999999;
  26. }
  27. .info_text {
  28. padding: 15rpx;
  29. display: flex;
  30. align-items: center;
  31. background: #FFFAF3;
  32. color: #A15D20;
  33. }
  34. .info_text image {
  35. width: 30rpx;
  36. height: 30rpx;
  37. }
  38. .time {
  39. padding: 25rpx 0;
  40. color: #333;
  41. border-bottom: 2.5rpx solid #f1f1f1;
  42. }
  43. .modalVal {
  44. word-break: break-all;
  45. height: 120rpx;
  46. padding: 10rpx;
  47. }
  48. .cha_win_close {
  49. text-align: center;
  50. color: #999999;
  51. font-size: 50rpx;
  52. font-weight: 100;
  53. line-height: 120rpx;
  54. }
  55. .zan-dialog__mask {
  56. position: fixed;
  57. top: 0;
  58. left: 0;
  59. right: 0;
  60. bottom: 0;
  61. z-index: 10;
  62. background: rgba(0, 0, 0, .3); /*设置阴影半透明背景如: background: rgba(0, 0, 0, 0.4);*/
  63. display: none;
  64. }
  65. .zan-dialog__container {
  66. position: fixed;
  67. bottom: 0rpx;
  68. width: 100%;
  69. /* height: 350rpx; */
  70. background: #fff;
  71. transform: translateY(300%);
  72. transition: all 0.4s ease;
  73. z-index: 12;
  74. z-index: 12;
  75. box-shadow: 0px 3px 3px 2px gainsboro; /*弹框的悬浮阴影效果,如不需要可注释该行*/
  76. }
  77. .cha_win_tit {
  78. text-align: center;
  79. line-height: 120rpx;
  80. font-size: 32rpx;
  81. color: #333333;
  82. }
  83. .cha_win_btn {
  84. display: flex;
  85. justify-content: space-between;
  86. }
  87. .selectInfo{
  88. height: 100%;
  89. display: flex;
  90. justify-content: space-around;
  91. align-items: center;
  92. }
  93. .selectInfo>view{
  94. text-align: center;
  95. }
  96. .selectInfo image{
  97. width: 90rpx;
  98. height: 90rpx;
  99. }
  100. .zan-dialog--show .zan-dialog__container {
  101. transform: translateY(0);
  102. }
  103. .zan-dialog--show .zan-dialog__mask {
  104. display: block;
  105. }