Clouda UI

Clouda UI是遵循Web Components标准,支持双向数据绑定的轻量级UI框架。

一个简单的UI组件

clouda.ui('x-ui', {

	//Just a variable for binding
	foo : $newVal,

	fooChanged : function(newVal) {
		//foo is $newVal now.
	}
});

如何使用

以GMU的日历组件为例:

  • 下载GMU组件

  • Html页面中引入CloudaUI的lib

    <script type="text/javascript" src="http://bcs.duapp.com/cloudaui/clouda-ui-0.1.2.js"></script>
    
  • 放置gmu-calendar标签

     <gmu-calendar></gmu-calendar>
    
  • 引入gmu-calendar组件

     <script type="text/javascript">
         clouda.ui.import("/gmu/calendar/calendar.html");
     </script>

最新