sharePop.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .share-pop-box {
  2. width: 100%;
  3. height: 100%;
  4. position: fixed;
  5. background: rgba(0, 0, 0, 0.5);
  6. z-index: 8;
  7. bottom: 0;
  8. /* display: none; */
  9. }
  10. .share-pop {
  11. width: 100%;
  12. height: 400rpx;
  13. max-height: 780rpx;
  14. padding: 31.25rpx;
  15. background: #fff;
  16. position: fixed;
  17. z-index: 9;
  18. bottom: 0rpx;
  19. }
  20. .share-pop .close {
  21. position: absolute;
  22. width: 48rpx;
  23. height: 48rpx;
  24. right: 31.25rpx;
  25. overflow: hidden;
  26. top: 31.25rpx;
  27. }
  28. .share-pop .close .icon {
  29. width: 48rpx;
  30. height: 48rpx;
  31. }
  32. .share-pop .share-items {
  33. margin-top: 80rpx;
  34. flex-flow: row;
  35. display: flex;
  36. justify-content: space-around;
  37. }
  38. .share-pop .share-touser {
  39. height: 160rpx;
  40. width: 160rpx;
  41. background: url("https://litemall-1256968571.file.myqcloud.com/icon/%E5%88%86%E4%BA%AB_%E5%BE%AE%E4%BF%A1.png") no-repeat center 1rpx;
  42. background-size: 160rpx auto;
  43. border-radius: 80rpx;
  44. }
  45. .share-pop .share-friend {
  46. height: 160rpx;
  47. width: 160rpx;
  48. background: url("https://litemall-1256968571.file.myqcloud.com/icon/%E5%88%86%E4%BA%AB_%E5%BE%AE%E4%BF%A1%E6%9C%8B%E5%8F%8B%E5%9C%88.png") no-repeat center 1rpx;
  49. background-size: 160rpx auto;
  50. border-radius: 10rpx;
  51. }
  52. .share-pop image {
  53. height: 120rpx;
  54. width: 120rpx;
  55. }