我用的是点击图片弹出layer弹窗,嵌入embed标签即可,具体代码如下:
<button class="layui-btn layui-btn-normal layui-btn-sm show-pdf" data-pdf_href="{$info.pdf_file_url}">点击查看</button>
<script>
$('.show-pdf').click(function () {
that = $(this);
pdf_href = $(this).attr('data-pdf_href');
layer.open({
type: 1,
title: false,
closeBtn: 1,
area: ['80%','80%'],
skin: 'layui-layer-nobg', //没有背景色
shadeClose: true,
content: '<embed src="'+pdf_href+'" type="application/pdf" width="100%" height="720px">'
});
});
</script>