Skip to content

ajaxlinux1234/modules

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 

Repository files navigation

//常见功能的ui封装 //兼容性,pc端,手机端,混合app端,微信端 //css为默认样式,如果想要修改则需要在css中加!important (function(global){ var INFO={ plug:"AllUi", version:'1.0.1' }, defaults={ menu:{ nodeID:'', position:{}, itemsFalseColor:'', itemsTrueColor:'', items:[], itemsFalseIcon:[], itemsTrueIcon:[], style:{} } };

function AllUi(options){		
	this.extends(defaults.menu,options);
	this.allUiMenu=defaults.menu;
	this.init();
};

AllUi.prototype={
	init:function(){
		this.setCommon(this.allUiMenu.nodeID,this.allUiMenu.position);
	},
	extends:function(){
		for(var i=1;i<arguments.length;i++){
			for(var j in arguments[i]){
				arguments[0][j]=arguments[i][j];
			}
		}
	},
	setCommon:function(nodeID,Aposition){
		var allUiDom=document.getElementById(nodeID)||document.body;
		var allUiBox=document.createElement('div');
		allUiBox.style.position="absolute";
		this.allUiCss(allUiBox,{
			"top":Aposition.top,
			"lef":Aposition.left,
			"bottom":Aposition.bottom,
			"right":Aposition.right
		});
		allUiDom.appendChild(allUiBox);
	},
	allUiCss:function(obj,cssOptions){
		for(var i in cssOptions){
			obj.style[i]=cssOptions[i];		
		}
	}
};

global[_INFO_.plug]=AllUi;

})(this)

About

模块化开发案例

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published