在微擎中使用layer.js

不讲坑,只记录解决方案。

1. 引入css文件

在模版的头部,引入css文件:

{template 'common/header'}
<link crossorigin="anonymous" integrity="sha384-AzQbapSukb9G0XX6IpFqo+wJTJUIh3B5Ql3x9OLq4/Td1bGT4xOk/Oehaz5y6Hef" href="https://lib.baomitu.com/layer/3.1.1/theme/default/layer.css" rel="stylesheet">

2. 引入js文件

这里,不能直接使用script引入js文件,会报错。
我们需要用require函数进行加载:

require(['https://lib.baomitu.com/layer/3.1.1/layer.js'], function() {
  console.log('load layer.js ok');
});

3. 测试使用

在页面的<script>标签里,可以直接使用layer对象操作而不报错了。

预览效果

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 8,295评论 0 31
  • Webpack学习总结 此文只是自己学习webpack的一些总结,方便自己查阅,阅读不变,非常抱歉!! 下载安装:...
    Lxs_597阅读 283评论 0 0
  • 33、JS中的本地存储 把一些信息存储在当前浏览器指定域下的某一个地方(存储到物理硬盘中)1、不能跨浏览器传输:在...
    萌妹撒阅读 292评论 0 1
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 653评论 0 2
  • https://www.cnblogs.com/HCJJ/p/6611669.html requireJS 可以很...
    小杺阅读 148评论 0 3