share.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. @charset "UTF-8";
  2. /**
  3. * uni-app内置的常用样式变量
  4. */
  5. /* 行为相关颜色 */
  6. /* 文字基本颜色 */
  7. /* 背景颜色 */
  8. /* 边框颜色 */
  9. /* 尺寸变量 */
  10. /* 文字尺寸 */
  11. /* 图片尺寸 */
  12. /* Border Radius */
  13. /* 水平间距 */
  14. /* 垂直间距 */
  15. /* 透明度 */
  16. /* 文章场景相关 */
  17. .shadow.data-v-1ea136d6 {
  18. position: fixed;
  19. top: 0;
  20. left: 0;
  21. right: 0;
  22. bottom: 0;
  23. background: rgba(0, 0, 0, 0.4);
  24. z-index: 97;
  25. }
  26. .tipimg.data-v-1ea136d6 {
  27. width: 432rpx;
  28. height: 174rpx;
  29. position: fixed;
  30. top: 0;
  31. right: 120rpx;
  32. bottom: 0;
  33. z-index: 98;
  34. }
  35. .share_btn.data-v-1ea136d6 {
  36. position: fixed;
  37. bottom: 0;
  38. left: 0;
  39. right: 0;
  40. background: #fff;
  41. z-index: 99;
  42. transition: all linear 0.3s;
  43. -webkit-transform: translateY(100%);
  44. transform: translateY(100%);
  45. padding-top: 26rpx;
  46. }
  47. .share_btn .zhan.data-v-1ea136d6 {
  48. width: 100%;
  49. height: 24rpx;
  50. background-color: #f5f5f5;
  51. }
  52. .share_btn .box.data-v-1ea136d6 {
  53. padding: 50rpx 0;
  54. display: flex;
  55. align-items: center;
  56. flex-wrap: nowrap;
  57. }
  58. .share_btn .box .list.data-v-1ea136d6 {
  59. flex: 1;
  60. display: flex;
  61. flex-direction: column;
  62. align-items: center;
  63. position: relative;
  64. }
  65. .share_btn .box .list .sharebox.data-v-1ea136d6 {
  66. position: absolute;
  67. left: 0;
  68. right: 0;
  69. top: 0;
  70. bottom: 0;
  71. opacity: 0;
  72. }
  73. .share_btn .box .list .share_img.data-v-1ea136d6 {
  74. width: 90rpx;
  75. height: 90rpx;
  76. }
  77. .share_btn .box .list .share_tit.data-v-1ea136d6 {
  78. color: #666666;
  79. font-size: 30rpx;
  80. padding-top: 40rpx;
  81. }
  82. .share_btn .share_close.data-v-1ea136d6 {
  83. height: 100rpx;
  84. background: #FFFFFF;
  85. font-size: 32rpx;
  86. font-weight: 500;
  87. color: #4775EA;
  88. display: flex;
  89. align-items: center;
  90. justify-content: center;
  91. }
  92. .share_bot.data-v-1ea136d6 {
  93. -webkit-transform: translateY(0);
  94. transform: translateY(0);
  95. }