RUIAN_OA/浙政钉端/z_auto_deploy_parent/componenttest/sidecomplabel.js

//左侧组件配置数据
z.autodeploy.addSideComp({
	id:"sidecomplabel",
	sidecomp:{
		img:"https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2867068672,3134492367&fm=26&gp=0.jpg",
		text:"标题"
	},
	temp:function(compconfig){
		var options=compconfig.options;
		return '<div class="z-form-label z-col-100" style="font-size:'+options.fontsize.value+'px;text-align:'+options.textalign.value+';"><span class="'+options.color.value+'">'+options.content.value+'</span></div>';
	},
	render:function(el,compconfig){
		
	},
	options:{
		"content":{
			type:'input',
			text:"文字内容",
			value:"",
			placeholder:"请输入"
		},
		"fontsize":{
			type:'input',
			text:"文字大小",
			value:"",
			placeholder:"请输入"
		},
		"lineheight":{
			type:'input',
			text:"行高",
			value:"",
			placeholder:"请输入"
		},
		"color":{
			type:'select',
			text:"颜色",
			items:[
				{
					value:"text-default",
					text:'<font class="text-default">默认</font>'
				},
				{
					value:"text-info",
					text:'<font class="text-info">文字颜色2</font>'
				},
				{
					value:"text-danger",
					text:'<font class="text-danger">文字颜色3</font>'
				},
				{
					value:"text-success",
					text:'<font class="text-success">文字颜色4</font>'
				}
			],
			value:"text-default"
		},
		"textalign":{
			type:'select',
			text:"对齐方式",
			items:[
				{
					value:"left",
					text:"左"
				},
				{
					value:"center",
					text:"中"
				},
				{
					value:"right",
					text:"右"
				}
			],
			value:"center"
		}
	},
	methods:{}
})