「組件」Tile Widgets · WhalePHP完全開發手冊

### Tile Widgets ~~~ return $this->TBuilder('custom') ->layoutView('layout_simple') ->col(3)->addTile(['bg_class'=>'info','icon_class'=>'fa fa-check','value'=>'12','text'=>'項目數量']) ->col(3)->addTile(['bg_class'=>'alert','icon_class'=>'fa fa-exclamation-triangle','value'=>'24/36','text'=>'完成人數/總參與人數']) ->col(3)->addTile(['bg_class'=>'system','icon_class'=>'fa fa-group','value'=>'12/18','text'=>'接受邀請人數/邀請人數']) ->col(3)->addTile(['bg_class'=>'success','icon_class'=>'fa fa-gift','value'=>'65','text'=>'聯系人數量']) ->row() ->col(3)->addTile(['value'=>'142人','text'=>'總參與人數','footer_icon'=>'fa fa-arrow-up','footer_text'=>'今日新增數量8人','sub_type'=>'adv']) ->col(3)->addTile(['bg_class'=>'alert','value'=>'24/36','text'=>'完成人數/總參與人數','footer_icon'=>'fa fa-arrow-up','footer_text'=>'今日新增數量8人','sub_type'=>'adv']) ->col(3)->addTile(['bg_class'=>'system','icon_class'=>'fa fa-group','value'=>'12/18','text'=>'接受邀請人數/邀請人數','sub_type'=>'adv']) ->col(3)->addTile(['bg_class'=>'warning','icon_class'=>'fa fa-gift','value'=>'65','text'=>'聯系人數量']) ->row() ->col(3)->addTile(['bg_class'=>'system','value'=>'23個','text'=>'數量','sub_type'=>'adv']) ->col(3)->addTile(['bg_class'=>'success','value'=>'142人','text'=>'總參與人數','footer_icon'=>'fa fa-arrow-up','footer_text'=>'今日新增數量8人','sub_type'=>'adv']) ->col(3)->addTile(['icon_class'=>'fa fa-gift','value'=>'23個','text'=>'數量','footer_icon'=>'fa fa-arrow-up','footer_text'=>'今日新增數量8人']) ->col(3)->addTile(['bg_class'=>'primary','icon_class'=>'fa fa-group','value'=>'142人','text'=>'總參與人數','footer_icon'=>'fa fa-arrow-up','footer_text'=>'今日新增數量8人','sub_type'=>'adv']) ->fetch(); ~~~ ![](https://box.kancloud.cn/cfdbc1c9974022ba8f862cce31eff5d6_1668x622.png)