要引入 layer.js,首先得引入 jQuery(1.8+)
jQuery 引入:两种方式
第1种:npm install jquery -S 或者指定版本 npm install jquery@2.2.4 这样
main.js 中 import
import $ from 'jquery'
并全局使用
window.$ = $
window.jQuery = $
第2种:直接在 index.html 中 <script src="static/lib/jquery.min.js"></script>
layer.js 引入:在http://layer.layui.com/官网直接下载,解压并将 layer 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 layer.js 即可。
index.html 中<script src="static/lib/layer/layer.js"></script>
使用
fn (url) { var wheight = window.innerHeight layer.open({ type: 1, title: false, closeBtn: 0, skin: 'layui-layer-nobg', shadeClose: true, content: '<img src="'+ url +'" style="max-height: '+ wheight * 0.7 +'px">', area: ['auto','auto'] }) }