文档里的图片点击放大查看
发布于 2024-12-12 10:21:40
背景
安装文档系统后，浏览文档时，文档里的图片里的内容比较小，但是无法放大图片来查看，体验不好。如图：
解决思路
看了知识付费文档那个插件，文章里的图片是可以点击放大的，可以参考这个功能。
步骤
在文件docs-1.2.6-regular\view\layout\main.html
1、添加CSS
<!--add tonny ：增加layer弹窗，用于图片弹窗显示 -->
<link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/fastadmin-layer/dist/theme/default/layer.css?v={$site.version}"/>
2、添加js
注意要添加在所有的js最后面
<script src="__ADDON__/js/jquery.min.js"></script>
<script src="__ADDON__/js/highlight.min.js"></script>
<script src="__ADDON__/js/smooth-scroll.min.js"></script>
<script src="__ADDON__/js/jquery.toc.js"></script>
<script src="__ADDON__/js/common.js"></script>
<script src="__ADDON__/js/fastclick.min.js"></script>
<!--add tonny ：增加layer弹窗，用于图片弹窗显示 -->
<script type="text/javascript" src="__CDN__/assets/libs/fastadmin-layer/dist/layer.js?v={$site.version}"></script> 3、为文档里所有的图片增加点击放大事件
内容已经隐藏， 会员等级为充电用户及以上才能查看。
0 条评论
