layer前端小框架,很实用

  2017.3.29  今天还是在做前端页面,新添加了模拟态的弹出页面的内容,因为项目中可能这方面用到的比较多,而且layer的弹出框做的比较好,重要的是比较简单,比较容易上手,可是做的时候还是遇到了一些问题。

  第一个问题:看了看layer的弹出框的用法,我还以为就只是把layer.js文件导入到项目中就可以了,可是不是那样的,应该把你下来的layer的文件夹全部导入到你的项目中,这样弹出框才有样式,以及你可以修改弹出框的背景色。

  第二个问题:把layer的文件夹导入到项目中了,按照layer的官网的例子,写到script中了,可是怎么就是不能弹出一个页面,原来是,我把按钮的格式写成submit类型的,而且submit的按钮还在form表单中,每次弹出后又立即刷新页面,所以总是不能停在页面上,卧槽,我这都是一些什么样的错误啊,我无语了。后来把按钮的类型改成button类型,就能够弹出框了。

  第三个问题:  

  layer.open({
  type: 1 ,//Page层类型  type:2 //这个可以在content关键字后面写链接的地址,可以呈现出一个页面。
  area: ['500px', '300px'],
  title: '你好,layer。',
  shade: 0.6 //遮罩透明度
  maxmin: true //允许全屏最小化
  anim: 1 //0-6的动画形式,-1不开启
  content: '<div style="padding:50px;">这是一个非常普通的页面层,传入了自定义的html</div>'
  });

  这是官网给出的案例,其中也有比较明了的解释,可是这得怪我啊,我没有仔细看啊,卧槽。type关键字是控制弹出框的类型的

  http://www.layui.com  //这个是layer的官网网址,以后再用不迷路,机智如我。。。


posted @ 2017-03-29 16:54  ssc在路上  阅读(2459)  评论(0编辑  收藏  举报