video-briefing.wxss 999 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .page {
  2. background: #000;
  3. min-height: 100vh;
  4. }
  5. .nav-bar {
  6. position: relative;
  7. display: flex;
  8. align-items: center;
  9. justify-content: space-between;
  10. /* height: 44px; */
  11. padding: 0 16px;
  12. background: #000;
  13. color: #fff;
  14. box-sizing: border-box;
  15. z-index: 1;
  16. }
  17. .nav-title {
  18. font-size: 16px;
  19. font-weight: 600;
  20. }
  21. .skip-btn {
  22. font-size: 14px;
  23. color: #ffffff;
  24. opacity: 0.9;
  25. }
  26. .video-wrap {
  27. width: 100%;
  28. background: #000;
  29. }
  30. .video {
  31. width: 100%;
  32. height: 100%;
  33. }
  34. .tips {
  35. padding: 5px 16px;
  36. text-align: center;
  37. font-size: 12px;
  38. color: #bbb;
  39. background: #000;
  40. }
  41. /* 右上角固定关闭按钮样式 */
  42. .skip-fixed {
  43. position: fixed;
  44. right: 12px;
  45. /* top 动态由内联样式结合状态栏高度控制 */
  46. background: rgba(0, 0, 0, 0.35);
  47. color: #fff;
  48. border-radius: 18px;
  49. padding: 6px 12px;
  50. border: 0.5px solid rgba(255, 255, 255, 0.35);
  51. backdrop-filter: blur(6px);
  52. -webkit-backdrop-filter: blur(6px);
  53. line-height: 12px;
  54. z-index: 999;
  55. }
  56. .skip-text {
  57. font-size: 12px;
  58. }