popup 覆盖式弹出层

popup 覆盖式弹出层 可以完全盖住当前页面

一、全屏模式
1、创建模板

<div id="" class="weui-popup__container">
  <div class="weui-popup__overlay"></div>
  <div class="weui-popup__modal">
    你的内容放在这里...
  </div>
</div>

2、可以通用一个链接打开模板，链接需要两个必不可少的属性 class=“open-popup” 和 data-target=“”,前者表示需要打开一个popup，后者是popup的选择器。

<a href="javascript:;"  class="open-popup"  data-target=""  >哈哈</a>

3、还可以通过JS方法来打开一个popup

  $("#id").popup();

4、关闭popup
给任何链接加上class=“close-popup”，则点击后可关闭当前打开的popup，也可以通过 $(" #id").closepopup();
二、非全屏模式
在容器上添加一个 popup-bottom 类即可

	<div id="" class="weui-popup__container popup-bottom">
	  <div class="weui-popup__overlay"></div>
	  <div class="weui-popup__modal">
	    你的内容放在这里...
	  </div>
	</div>