app-share-mask.wxss 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @charset "UTF-8";
  2. /***
  3. 全局scss 变量和方法 存放处
  4. */
  5. /* 引入minxin */
  6. /* 颜色变量 */
  7. /*图片地址*/
  8. /* 行为相关颜色 */
  9. /* 文字基本颜色 */
  10. /* 背景颜色 */
  11. /* 边框颜色 */
  12. /* 尺寸变量 */
  13. /* 文字尺寸 */
  14. /* 图片尺寸 */
  15. /* Border Radius */
  16. /* 水平间距 */
  17. /* 垂直间距 */
  18. /* 透明度 */
  19. /* 文章场景相关 */
  20. .app-share-mask .share-mask.data-v-173f4a9e {
  21. position: fixed;
  22. top: 0;
  23. left: 0;
  24. right: 0;
  25. z-index: 998;
  26. opacity: 0;
  27. color: #fff;
  28. }
  29. .app-share-mask .share-mask .share-content.data-v-173f4a9e {
  30. width: 100%;
  31. text-align: right;
  32. }
  33. .app-share-mask .share-mask .share-content .share-img.data-v-173f4a9e {
  34. width: 90rpx;
  35. margin: 26rpx 128rpx 36rpx auto;
  36. }
  37. .app-share-mask .share-mask .share-content .share-text.data-v-173f4a9e {
  38. width: 210rpx;
  39. font-size: 34rpx;
  40. text-align: center;
  41. margin: 0 80rpx 36rpx auto;
  42. }
  43. .app-share-mask .share-mask .share-btn.data-v-173f4a9e {
  44. display: -webkit-box;
  45. display: flex;
  46. display: -webkit-flex;
  47. -webkit-box-align: center;
  48. -webkit-align-items: center;
  49. align-items: center;
  50. -webkit-box-pack: center;
  51. -webkit-justify-content: center;
  52. justify-content: center;
  53. margin-top: 200rpx;
  54. }
  55. .app-share-mask .share-mask .share-btn .button-com.data-v-173f4a9e {
  56. width: 340rpx;
  57. padding-top: 32rpx;
  58. padding-bottom: 32rpx;
  59. margin: 0 auto;
  60. font-size: 32rpx;
  61. }
  62. .app-share-mask .share-mask-show.data-v-173f4a9e {
  63. opacity: 1;
  64. }
  65. .app-share-mask .tui-alert-mask.data-v-173f4a9e {
  66. position: fixed;
  67. top: 0;
  68. left: 0;
  69. right: 0;
  70. bottom: 0;
  71. background: rgba(0, 0, 0, 0.5);
  72. z-index: 996;
  73. -webkit-transition: all 0.3s ease-in-out;
  74. transition: all 0.3s ease-in-out;
  75. opacity: 0;
  76. visibility: hidden;
  77. }
  78. .app-share-mask .tui-alert-mask-show.data-v-173f4a9e {
  79. visibility: visible;
  80. opacity: 1;
  81. }