1 |
- .document-preview-page[data-v-62539155]{height:100vh;display:flex;flex-direction:column;background:#f5f5f5}.preview-header[data-v-62539155]{background:#fff;padding:16px 24px;border-bottom:1px solid #e8e8e8;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a;z-index:10}.header-left[data-v-62539155]{display:flex;align-items:center;gap:16px}.back-btn[data-v-62539155]{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s}.back-btn[data-v-62539155]:hover{border-color:#1677ff;color:#1677ff}.document-info h2[data-v-62539155]{margin:0;font-size:18px;font-weight:500;color:#262626;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-info .document-url[data-v-62539155]{font-size:12px;color:#8c8c8c;max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-top:4px}.header-right[data-v-62539155]{display:flex;gap:12px}.action-btn[data-v-62539155]{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid #d9d9d9;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s;font-size:14px}.action-btn[data-v-62539155]:hover{border-color:#1677ff;color:#1677ff}.preview-container[data-v-62539155]{flex:1;overflow:hidden;position:relative}.loading-container[data-v-62539155]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px}.loading-container p[data-v-62539155]{margin:0;color:#8c8c8c;font-size:14px}.error-container[data-v-62539155]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;text-align:center}.error-container .error-icon[data-v-62539155]{font-size:48px;color:#ff4d4f}.error-container h3[data-v-62539155]{margin:0;color:#262626;font-size:18px}.error-container p[data-v-62539155]{margin:0;color:#8c8c8c;font-size:14px}.error-container .error-actions[data-v-62539155]{display:flex;gap:12px;margin-top:16px}.preview-content[data-v-62539155]{height:100%;overflow:auto;background:#fff}.word-preview[data-v-62539155],.excel-preview[data-v-62539155],.pdf-preview[data-v-62539155],.image-preview[data-v-62539155],.video-preview[data-v-62539155]{height:100%;width:100%}.preview-image[data-v-62539155]{max-width:100%;max-height:100%;object-fit:contain;display:block;margin:0 auto}.preview-video[data-v-62539155]{width:100%;height:100%;object-fit:contain}.unsupported-preview[data-v-62539155]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;text-align:center}.unsupported-preview .file-icon[data-v-62539155]{font-size:64px;color:#8c8c8c}.unsupported-preview h3[data-v-62539155]{margin:0;color:#262626;font-size:18px}.unsupported-preview p[data-v-62539155]{margin:0;color:#8c8c8c;font-size:14px}@media screen and (max-width: 768px){.preview-header[data-v-62539155]{padding:12px 16px;flex-direction:column;gap:12px;align-items:flex-start}.header-left[data-v-62539155]{width:100%}.header-right[data-v-62539155]{width:100%;justify-content:flex-end}.document-info[data-v-62539155]{flex:1;min-width:0}.document-info h2[data-v-62539155],.document-info .document-url[data-v-62539155]{max-width:100%}}
|