四合窗

  • V1.0
  • srczh.box.js

这是一个比较新的词,命名是源自我们中国特有的四合院,感觉他美观大方、实用性强,并且很符合中国人的审美观点据说最早可以追溯西周时期。
然srczh中的四合窗很好的体现了四合院四方布局的特点,功能上布局窗口可以任意拆分叠加收放自如,且允许用户自定义划分、改变恢复状态以及灵活的使用方式适合各类设计的前后端使用

参数定义

id/class目标对象名
frame定义四合窗口['l1','c1,c2']数组:示例为定义两列,第2列分两行必须
move窗口是否移动ture/false非必须
margin窗口间隙数字:窗口间间隙距离非必须
retain窗口保留宽度数字:窗口最低宽度非必须
frameSize分列窗口宽度占比[0.5,0.5]:示例为指定2列的宽度度占比均为0.5非必须
tcHight分行窗口高度占比[0.4,0.6]:示例为2行的高度占比为0.4和0.6非必须

定制示例

定义两列可移动四合窗

					 var json = {id:'***',frame:['a1','b1,b2'],frameSize:[0.5,0.5],tcHight:[0.6,0.4],move:true,margin:5,retain:50};
					 new src_frame(json);
					

可以根据参数配置生成每个方块

定义多列多行可移动四合窗

					var json = {id:'***',frame:['a1','c1,c2','r3,r4,r5'],move:true,margin:5,retain:50};
					new src_frame(json);
					

默认情况下生成宽度比规则最大因子为6,例如a,b两列为 6/1和 6/5;a,b,c三列分别为6/1,6/4,6/1以此类推,当然您可以使用参数frameSize自定义规则

请您对本章评分:
2016 - 2021 © srczh.com 版权所有 增值电信经营许可:粤ICP备19068081号
深圳市中文远星科技有限公司