小龙最近做了一下下淘宝的店铺装修，里面封装的widget深不见底，刚刚整明白popup，也就是弹出层的使用方法，大神勿喷：

<div class="area001">触发区域</div>

<div class="J_TWidget hidden" data-widget-type="Popup" data-widget-config="{

		  'trigger':'.area001',

		  'align':{

				  'node':'.area001',

				  'offset':[0,0],

				  'points':['bl','tl']

				  }

			}">

	<div>弹出层</div>

</div>

这是一个简单的弹窗实例，弹层的参数简介如下：

data-widget-type为使用的挂件类型

data-widget-config为参数设置

其中trigger为触发对象

align为对齐方式

node为参考对齐目标

offset是微调

points[x,y]表示参考目标的x位置与弹窗层的y位置对齐，x和y有9个取值方式：【tl,tc,tr,cl,cc,cr,bl,bc,br】 (tl=top left)
时间有限，简单做了一下笔记，有时间了再来完善。