UNPKG

@cmstops/pro-compo

Version:

[物料平台文档中心](https://arco.design/docs/material/guide)

72 lines (64 loc) 1.25 kB
.media-previewer { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); .viewer-close { position: absolute; top: 36px; right: 36px; z-index: 99999; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; text-align: center; background: rgba(0, 0, 0, 0.5); border-radius: 50%; cursor: pointer; } .viewer-canvas { display: -webkit-box; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; -webkit-box-pack: center; -webkit-box-align: center; .video { z-index: 101; width: 1000px; max-height: 90vh; object-fit: contain; overflow: clip; overflow-clip-margin: content-box; } .audio { width: 400px; height: 54px; } .other { display: flex; flex-direction: column; align-items: center; width: 240px; height: 200px; img { width: 100%; height: 100%; } .text { color: #fff; font-size: 18px; } } } }