关于淘宝店铺装修弹出层popup的记录

小龙最近做了一下下淘宝的店铺装修，里面封装的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)
时间有限，简单做了一下笔记，有时间了再来完善。

转载于:https://www.cnblogs.com/starkiller/p/6252948.html