share.wxss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. /* compontents/share/share.wxss */
  2. .container {
  3. position:fixed;
  4. left: 0;
  5. bottom: 0;
  6. width: 100%;
  7. height: 100%;
  8. z-index: 98;
  9. }
  10. .container:after {
  11. content:'';
  12. position:absolute;
  13. left: 0;
  14. bottom: 0;
  15. width: 100%;
  16. height: 100%;
  17. background: rgba(255,255,255,.8);
  18. filter: blur(15px);
  19. z-index: 99;
  20. }
  21. .share {
  22. position:fixed;
  23. left: 15rpx;
  24. bottom: 0;
  25. width: calc(100% - 30rpx);
  26. border-radius:25rpx;
  27. padding:32rpx 24rpx;
  28. box-sizing:border-box;
  29. background:#fff;
  30. z-index: 100;
  31. }
  32. .share .title {
  33. font-size: 32rpx;
  34. font-weight: bolder;
  35. color: #3F3F3F;
  36. text-align: center;
  37. padding-bottom: 20rpx;
  38. border-bottom: 2rpx solid #C8C8C8;
  39. }
  40. .share-img {
  41. display: flex;
  42. align-items: center;
  43. justify-content: space-around;
  44. margin-top: 44rpx;
  45. }
  46. .share-img view {
  47. display: flex;
  48. flex-direction: column;
  49. align-items: center;
  50. justify-content: center;
  51. }
  52. .share-img text {
  53. font-size: 32rpx;
  54. color: #3F3F3F;
  55. margin-top: 43rpx;
  56. }
  57. .download image {
  58. width: 82rpx;
  59. height: 86rpx;
  60. }
  61. .transmit {
  62. display: flex;
  63. flex-direction: column;
  64. align-items: center;
  65. background: #fff;
  66. margin:0;
  67. padding:0;
  68. line-height: normal;
  69. }
  70. .transmit:after {
  71. content: '';
  72. border: none;
  73. }
  74. .transmit image {
  75. width: 102rpx;
  76. height: 82rpx;
  77. }