share.wxss 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. /* component/shar-dialog/shar-dialog.wxss */
  2. .share {
  3. position:fixed;
  4. left:0;
  5. top:0;
  6. width:100%;
  7. height:100%;
  8. background:rgba(0, 0, 0, .6);
  9. z-index:999999;
  10. }
  11. .btn {
  12. position: fixed;
  13. bottom: -300rpx;
  14. width: 100%;
  15. height: 290rpx;
  16. background: #fff;
  17. }
  18. .btn .bg {
  19. display: block;
  20. width: 500rpx;
  21. margin: 5% auto;
  22. height: 42rpx;
  23. }
  24. .btn text{
  25. font-size: 28rpx;
  26. }
  27. .share-btn {
  28. display: flex;
  29. justify-content: space-around;
  30. }
  31. .share-btn image {
  32. width: 68rpx;
  33. height: 68rpx;
  34. }
  35. .share-btn view {
  36. display: flex;
  37. flex-direction: column;
  38. justify-content: space-between;
  39. align-items: center;
  40. font-size: 32rpx;
  41. height: 120rpx;
  42. width: 180rpx
  43. }
  44. .img {
  45. display: block;
  46. /* position: absolute; */
  47. /* left: 5rpx; */
  48. /* top: 30rpx; */
  49. width: 80%;
  50. height: 80%;
  51. margin: 50rpx auto;
  52. /* width: 375rpx; */
  53. /* height: 667rpx; */
  54. }
  55. .Preservation {
  56. position: absolute;
  57. left: 15%;
  58. top: 1020rpx;
  59. width: 536rpx;
  60. height: 80rpx;
  61. color: #fff;
  62. font-size: 36rpx;
  63. text-align: center;
  64. line-height: 80rpx;
  65. border-radius: 44rpx;
  66. z-index: 999;
  67. }
  68. .share-friend {
  69. background: #fff;
  70. display:flex;
  71. flex-direction:column;
  72. align-items: center;
  73. outline:none;
  74. padding:0;
  75. margin:0;
  76. border-radius:0;
  77. height: 140rpx;
  78. font-size:32rpx;
  79. width: 180rpx;
  80. }
  81. .share-friend image {
  82. width: 68rpx;
  83. height: 68rpx;
  84. }
  85. button::after{ border: none; }