Enlace del documento: https://www.yuque.com/hyperf-plus/ui/hplus-ui
hoy se comunicó con el marco hyperf_admin, su página de inicio está hecha con el paquete hplus-ui, se siente increíble, así que lo probé. resuma algunas cosas para que no se olvide de cómo utilizarlas más adelante.
Se omite la instalación, solo siga la documentación.
Primero que nada, cómo usarlo, y use el contenido nuevo primero. Luego use varios componentes para construir la página y luego coloque los componentes integrados en $ content-> body. Finalmente, devuelva $ content ~, es muy simple, ¿verdad? Ahora agreguemos un código experimental.
$content = new Content();
$steps = Steps::make()
->simple(false)
->active(1)
->processStatus("process")
->alignCenter(true)
->stepList(function (Collection $list) {
//下单
$xd = Step::make()->title("下单");
$xd->description("下单");
$list->push($xd);
//付款
$fk = Step::make()->title("付款");
$fk->description("付款");
$list->push($fk);
//发货
$fh = Step::make()->title("发货");
$fh->description("发货");
$list->push($fh);
//收货
$sh = Step::make()->title("收货");
$sh->description("收货");
$list->push($sh);
//完成
$wc = Step::make()->title("完成");
$wc->description("完成");
$list->push($wc);
});
$content->body($steps);
return $content;
Por ejemplo, una tarjeta de proceso
y luego agregue atributos, use el método de estilo para pasar los datos en forma de matriz
$content = new Content();
$steps = Steps::make()
->style(['margin-top' => '50px'])
De esta manera, CSS puede tener efecto, y hay varios componentes, como formularios, tablas, etc. El código del formulario anterior
public function tryui(){
$grid = new Grid(new AdminTest());
//设置字段
$grid->column('order', '排序')->width(80);
$grid->column('id', 'id')->width(80);
$grid->column('test', 'test')->width(80);
$grid->column('test1', 'test1')->width(80);
$grid->column('test2', 'test2')->width(80);
$grid->dataUrl("/index/tryui");
//toolbar设置
$grid->toolbars(function (Grid\Toolbars $toolbars) {
$toolbars->createButton()->content("添加商品");
});
//action设置
$grid->actions(function (Grid\Actions $actions) {
$actions->hideEditAction();
});
return $grid;
}
El efecto es así: se
siente bastante bien, pero la eliminación y adición de funciones del producto aún debe implementarla usted mismo. Tengo que seguir investigando.