浏览代码

替换pdf和图片预览相互转跳按钮图标

陈精华 6 年之前
父节点
当前提交
d517ab4e6f

+ 3 - 1
jodconverter-web/src/main/resources/web/officePicture.ftl

@@ -3,6 +3,7 @@
 <head>
     <meta charset="utf-8" />
     <title>office图片预览</title>
+    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
     <script src="js/lazyload.js"></script>
     <style>
         .container{
@@ -23,7 +24,8 @@
         </div>
     </#list>
 </div>
-<img src="images/right.png" style="position: fixed; cursor: pointer; top: 40%; right: 70px; z-index: 999;" alt="使用PDF预览" title="使用PDF预览" onclick="changePreviewType('pdf')"/>
+<#--<img src="images/right.png" style="position: fixed; cursor: pointer; top: 40%; right: 60px; z-index: 999;" alt="使用PDF预览" title="使用PDF预览" onclick="changePreviewType('pdf')"/>-->
+<span class="fa fa-file-pdf-o fa-5x" style="position: fixed; cursor: pointer; top: 40%; right: 50px; z-index: 999;" title="使用PDF预览" onclick="changePreviewType('pdf')"></span>
 <script>
     window.onload=checkImgs;
     window.onscroll = throttle(checkImgs);

+ 4 - 1
jodconverter-web/src/main/resources/web/pdf.ftl

@@ -2,6 +2,7 @@
 
 <html lang="en">
 <head>
+    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
     <style type="text/css">
         body{
             margin: 0;
@@ -18,7 +19,9 @@
     </#if>
     <iframe src="/pdfjs/web/viewer.html?file=${finalUrl}" width="100%" frameborder="0"></iframe>
 
-    <img src="images/left.png" style="position: fixed; cursor: pointer; top: 40%; right: 70px; z-index: 999;" alt="使用图片预览" title="使用图片预览" onclick="goForImage()"/>
+<#--    <img src="images/left.png" style="position: fixed; cursor: pointer; top: 40%; right: 60px; z-index: 999;" alt="使用图片预览" title="使用图片预览" onclick="goForImage()"/>-->
+    <span class="fa fa-file-image-o fa-5x" style="position: fixed; cursor: pointer; top: 40%; right: 50px; z-index: 999;" title="使用图片预览" onclick="goForImage()"></span>
+
 
 </body>
 <script type="text/javascript">