ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、视频、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 基础组件模板 [案例链接](http://resources.rubik-x.ucmed.cn/v1.3.0/docs/DefaultTheme/index.html) 基础组件可以自行点击进去查看源代码,模拟数据在testdata.js文件中 ![](https://box.kancloud.cn/cea195f3f4f0e875f6ce9570bebc83f1_401x710.png) html ~~~ <body> <header class="rbk-titlebar"></header> <div class="rbk-content"> <ul class="rbk-collalist"></ul> </div> </body> ~~~ js ~~~ var data = [ { text: '示例页面', cldCtype: 'navlist', clsData:[{ text: '登陆', url: 'UI3.0/login.html' },{ text: '预约挂号', url: 'UI3.0/orderInfo.html' },{ text: '查报告单', url: 'UI3.0/reportDefault.html' },{ text: '楼层导航', url: 'UI3.0/floorList.html' },{ text: '聊天', url: 'components/chat.html' }] },{ text: '标题组件', cldCtype: 'navlist', clsData:[{ text: '基本的标题组件', url: 'components/titlebar.html' },{ text: '动态绑定标题组件', url: 'components/titlebarbind.html' }] },{ text: '列表组件(list)', cldCtype: 'navlist', clsData:[{ text: '普通文字列表', url: 'components/list.html' }, { text: '可展开折叠的文字列表', url: 'components/collalist.html' }, { text: '圆角卡片列表(带箭头)', url: 'components/cardlist.html' }] },{ text: '面板组件', cldCtype: 'navlist', clsData:[{ text: '普通面板', url: 'demo/demo1(simple panel).html' },{ text: '折叠面板(openbox)', url: 'UI3.0/openbox.html' },{ text: '提示面板(tips)', url: 'UI3.0/tips.html' },{ text: '底部固定面板(fixbtn)', url: 'UI3.0/fixbtn.html' },{ text: '信息展示面板(shrinkpanel)', url: 'demo/demo5(shrinkpanel).html' },{ text:'结果信息提示面板(resultinfo)', url: 'UI3.0/resultinfo.html' },{ text:'详细信息展示面板(infopanel)', url: 'UI3.0/infopanel.html' }] },{ text: '开关组件', cldCtype: 'navlist', clsData:[{ text: '开关组件', url: 'components/switcher.html' }] },{ text: '下拉选择器组件', cldCtype: 'navlist', clsData:[{ text: '下拉选择器组件', url: 'components/select.html' }] },{ text: 'checkbox radio组件', cldCtype: 'navlist', clsData:[{ text: 'checkbox radio组件', url: 'components/checkbox.html' }] },{ text: '表单', cldCtype: 'navlist', clsData:[{ text: '完整表单demo', url: 'components/form.html' }] },{ text: '按钮组件(button)', cldCtype: 'navlist', clsData:[{ text: '基本按钮组件', url: 'components/button.html' }] },{ text: '切换项组件(tab)', cldCtype: 'navlist', clsData:[{ text: '切换项组件', url: 'components/tab.html' },{ text: '时间切换', url: 'UI3.0/datetab.html' }] },{ text: '弹出功能组件', cldCtype: 'navlist', clsData:[{ text: '弹出功能组件', url: 'components/actsheet.html' }] },{ text: '客户端组件', cldCtype: 'navlist', clsData:[{ text: '客户端组件', url: 'components/platform.html' }] } ] var titleBar = rbk.getCmp('titlebar'); titleBar.title('Rubik-X-UI'); titleBar.canBack(true, true); var collalist = rbk.getCmp('collalist'); collalist.doLayout(data); ~~~