gxd-file-preview/src/components/preview/style.css

vue 文件在线预览展示功能，支持文件（PDF，PNG，JPEG，JPG，GIF，DOC，DOCX，PPT，PPTX，XLS，XLSX，JSON，TXT，JS，HTML，CSS）

@font-face {
  font-family: "fileIconfont";
  src: url('//at.alicdn.com/t/font_2306061_i5jhgzel2u.eot?t=1610246045536'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2306061_i5jhgzel2u.eot?t=1610246045536#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('//at.alicdn.com/t/font_2306061_i5jhgzel2u.woff?t=1610246045536') format('woff'),
  url('//at.alicdn.com/t/font_2306061_i5jhgzel2u.ttf?t=1610246045536') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_2306061_i5jhgzel2u.svg?t=1610246045536#iconfont') format('svg'); /* iOS 4.1- */
}

.fileIconfont {
    font-family: "fileIconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconyduicuowushixin:before {
  content: "\e676";
}

.iconpagedown:before {
    content: "\e638";
}

.iconpageup:before {
    content: "\e639";
}

.iconwenjian:before {
    content: "\e6ac";
}

.icontupian:before {
    content: "\e7b3";
}

.iconhuanyuan:before {
    content: "\e66f";
}

.iconwrong:before {
    content: "\e615";
}

.iconsuoxiao:before {
    content: "\e619";
}

.iconfangda:before {
    content: "\e61a";
}

.iconfangda1:before {
    content: "\e666";
}

.iconyouzhuan:before {
    content: "\e665";
}

.iconzuozhuan:before {
    content: "\e667";
}

.change {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 100000;
}

.change > i.fileIconfont {
    color: #fff;
    font-size: 40px!important;
    opacity: .8;
    cursor: pointer;
}

.change.change-prev {
    left: 20px;
}

.change.change-next {
    right: 20px;
}