cm-active-popup.wxss 4.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. @charset "UTF-8";
  2. /**
  3. * 这里是uni-app内置的常用样式变量
  4. *
  5. * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
  6. * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
  7. *
  8. */
  9. /**
  10. * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
  11. *
  12. * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
  13. */
  14. /* 颜色变量 */
  15. /* 字体大小变量 */
  16. /* 行为相关颜色 */
  17. /* 文字基本颜色 */
  18. /* 背景颜色 */
  19. /* 边框颜色 */
  20. /* 尺寸变量 */
  21. /* 文字尺寸 */
  22. /* 图片尺寸 */
  23. /* Border Radius */
  24. /* 水平间距 */
  25. /* 垂直间距 */
  26. /* 透明度 */
  27. /* 文章场景相关 */
  28. .active-popup.data-v-6fa49336 {
  29. position: fixed;
  30. bottom: 0;
  31. left: 0;
  32. z-index: 999999;
  33. display: flex;
  34. justify-content: center;
  35. align-items: center;
  36. width: 100vw;
  37. height: 100vh;
  38. background: rgba(0, 0, 0, 0.5);
  39. }
  40. .active-popup .content.data-v-6fa49336 {
  41. position: relative;
  42. }
  43. .active-popup .content image.data-v-6fa49336 {
  44. width: 640rpx;
  45. }
  46. .active-popup .content .close-btn.data-v-6fa49336 {
  47. display: block;
  48. position: absolute;
  49. right: 0;
  50. top: -48rpx;
  51. width: 48rpx;
  52. height: 48rpx;
  53. background: url(data:image/png;base64,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) no-repeat center;
  54. background-size: 48rpx 48rpx;
  55. }