WIDGET组件

widget是前端交互组件

提供了常见的一些前端交互方式,比如轮播,弹出框,倒计时,上传文件,上传头像等
widget的设计思路是:按照约定好的dom结构输出html代码,就会被前端自动渲染成可以通过js交互的widget组件,当页面新增的dom中含有widget时依然会自动渲染,所以就不需要手动在js代码中启动渲染了

示例代码参见:./__project__/skel/modulecode/example_index/example_index.php

运行效果参见:http://lovephp.onlinehost.lovephp.com/example

pc端widget代码:./__lovephp__/widget
移动端widget代码:./__mobile__/__lovephp__/widget

./__project__/php/prj.config.php中搜索pc_widget_listmobile_widget_list
可以配置项目用到的widget有哪些,框架本身只会编译当前用到的widget相关代码

const pc_config=
[
	'pc_widget_list'=>
	[

		'core',

		'svg',

		'ui',

		'button',

		'xml',

		'tablelist',

		'movebox',

		'sliderbox',

		'tabshow',

		'ajaxform',
		'treeshow',
		'selectitem',
		'limittextarea',
		'numberrange',
		'timecount',
		'stickybox',
		'smsvcode',

		'popupbox',
		'popupmenu',

		'uploadfile',
		'uploadpic',
		'uploadavatar',

	]

];
	const mobile_config=
	[
//2 widget
		'mobile_widget_list'=>
		[
			'core',

			'svg',

			'ui',

			'button',

			'pullrefresh',

			'scrollappend',

			'sliderbox',

			'ajaxform',

			'inputdefaultfocus',

			'smsvcode',

			'picgallery',

			'pagetabshow',

			'tabshow',

			'uploadfile',
			'uploadpic',
			'uploadavatar',
		],
	];