## 标题组件 #### 标题组件，既APP顶部色块。APP中暂时使用原生标题，会与h5有一定的交互。 * * * * * 1、基本标题组件  ~~~ <header class="rbk-titlebar"><h1 class="rbk-title">基本标题组件</h1></header> ~~~ 2、自定义绑定标题组件     ~~~ //1.设置基本标题内容 var titleBar = rbk.getCmp('titleBar'); titleBar.title('基本标题组件'); //2.自定义客户端title组件(客户端H5交互，部分功能网页可用)： 左侧返回按钮 titleBar.titleType({ "leftType":1 }); 无按钮 titleBar.titleType({ "leftType":0 }); 左侧首页按钮 titleBar.titleType({ "leftType":2 }); 说明：左侧1为返回按钮 2为首页按钮 0为无按钮，不传参数默认为返回按钮。 右侧一个按钮，绑定自定义方法 titleBar.titleType({ "rightType":'2', "content":"http://resources.rubik-x.ucmed.cn/v1.3.0/images/basic/head-default.png", "rightList":[{ "title": '功能1', "callback": function() { alert(1); } }] }); 说明：rightType为1，显示文字 为2，显示图片 content的值与之对应。 右侧多文字按钮，左侧返回首页 titleBar.titleType({ "leftType":'2', "rightType":'1', "content":"帮助2", "rightList":[{ "title": '功能1', "callback": function() { alert(1); } }, { "title": '功能2', "callback": function() { alert(2); } }] }); 右侧多图片按钮 titleBar.titleType({ "rightType":'2', "content":"http://resources.rubik-x.ucmed.cn/v1.3.0/images/basic/head-default.png", "rightList":[{ "title": '功能1', "callback": function() { alert(1); }, "imgUrl": 'http://resources.rubik-x.ucmed.cn/v1.3.0/images/basic/head-default.png' }, { "title": '功能2', "callback": function() { alert(2); }, "imgUrl": 'http://resources.rubik-x.ucmed.cn/v1.3.0/images/basic/head-default.png' }] }); ~~~