diff --git a/src/components/filePreview/ImagePreview.vue b/src/components/filePreview/ImagePreview.vue index 62e7db5..663f7a6 100644 --- a/src/components/filePreview/ImagePreview.vue +++ b/src/components/filePreview/ImagePreview.vue @@ -1,6 +1,6 @@ @@ -51,6 +51,24 @@ nextTick(() => { .img-preview { display: flex; justify-content: center; + overflow-y: auto; + overflow-x: auto; + &::-webkit-scrollbar { + width: 6px; + height: 6px; + } + + // 滚动条轨道 + &::-webkit-scrollbar-track { + background: rgb(239, 239, 239); + border-radius: 2px; + } + + // 小滑块 + &::-webkit-scrollbar-thumb { + background: rgba(80, 81, 82, 0.29); + border-radius: 10px; + } } diff --git a/src/components/filePreview/index.vue b/src/components/filePreview/index.vue index 7dc3990..71bb054 100644 --- a/src/components/filePreview/index.vue +++ b/src/components/filePreview/index.vue @@ -1,6 +1,6 @@