### 自定义html页面 调用示例: ~~~ return SBuilder::makeDataPanel() ->setPageTitle('数据面板') ->setData([ ['title' => '会员注册量', 'icon' => 'fa fa-line-chart', 'icon_color' => '#8595F4', 'value' => '5468', 'second_value' => '+58%'], ['title' => '附件上传量', 'icon' => 'fa fa-file-text', 'icon_color' => '#AD85F4', 'value' => '1234', 'second_value' => '+14%'], ['title' => '会员总数', 'icon' => 'fa fa-users', 'icon_color' => '#74A8B5', 'value' => '9486', 'second_value' => '+28%'], ['title' => '已装插件数', 'icon' => 'fa fa-object-group', 'icon_color' => '#F48595', 'value' => '875', 'second_value' => '+88%'], ['title' => '只定义value', 'value' => '875'], ['title' => '不定义icon', 'value' => '875', 'second_value' => '+54%'], ['title' => '不定义icon', 'value' => '875', 'second_value' => '+54%'], ['title' => '不定义icon', 'value' => '875', 'second_value' => '+54%'], ]) ->fetch(); ~~~ > 效果图: >  ## 布局参数 ``` SBuilder::makeHtml([ 'span' => 24, // block区块宽度, 总宽度24 ]) ``` ## 方法说明 - `setData($data = null) `方法, 设置页面html内容 - 方法签名: ``` /** * 设置当前数据面版内的数据 * @param $data array 数据格式为: [{title, value, second_value, icon, icon_color}, ...] 其中title与value为必填参数 * @return $this */ public function setData($data = null): DataPanel ``` ## 通用方法: 1. 页面级方法 - [设置页面标题](https://www.kancloud.cn/evanlee/sphp/1068618) - [添加页面提示信息](https://www.kancloud.cn/evanlee/sphp/1068619) - [设置页面Tab](https://www.kancloud.cn/evanlee/sphp/3183863) - [设置页面背景色](设置页面背景色.md) - [设置是否点击遮罩关闭](设置是否点击遮罩关闭.md) - [添加区块](添加区块.md) 2. 区块级方法 - [设置区块名](设置区块名.md) - [设置区块布局](设置区块布局.md)