简单面板组件 · 全栈中心

## 简单面板组件 ### 简单面板组件，用于简单数据展示 * * * * * ![](https://box.kancloud.cn/7e177523b4c3cc69d5c9ad1d5ac4b5f8_401x710.png) ~~~ <body> <header class="rbk-titlebar"></header> <div class="rbk-content"> <div class="rbk-panel"> <div class="rbk-ptitle"><span class="icon-pen"></span>标题1</div> <div class="rbk-pitem">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div> </div> <div class="rbk-panel"> <div class="rbk-ptitle"><span class="icon-book"></span>标题2</div> <div class="rbk-pitem">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div> </div> <div class="rbk-panel"> <div class="rbk-ptitle"><span class="icon-pwd"></span>标题1</div> <div class="rbk-pitem">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div> </div> <div class="rbk-panel"> <div class="rbk-ptitle"><span class="icon-sexboy"></span>标题2</div> <div class="rbk-pitem">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</div> </div> </div> </body> <script> rbk.ready(function(opt) { var titlebar = rbk.getCmp('titlebar'); titlebar.title('简单面板组件'); var content = rbk.getCmp('content'); content.changeBk('#fff'); }); </script> ~~~