页面 page
用法
实现页面基础布局，并提供布局块(block)用于将组件渲染到相应的页面位置。
默认
调用 render() 方法会将当前文件中的组件包裹到 页面(page) 组件。
php
to::header(btn('示例按钮')); // 将按钮渲染到header块
to::main('示例文本'); // 将文本渲染到main块
featureBar
(
set::current($status),
to::before(btn('Feature Button')),
li(searchToggle())
);
render();显式使用
php
page
(
to::header(btn('示例按钮')), // 将按钮渲染到header块
to::main('示例文本'), // 将文本渲染到main块
featureBar
(
set::current($status),
to::before(btn('Feature Button')),
li(searchToggle())
)
);向 <head> 内插入内容
php
to::head
(
h::meta
(
set::content('示例Meta')
)
);属性
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
zui | bool | true | ZUI样式标记。true : 加载ZUI的JavaScript脚本和CSS样式文件。false : 加载ZUI3前端组件。 |
metas | string|array | `` | 追加到 <head> 标签内的 <meta> 内容。 |
title | string | `` | 页面标题，即 <title> 标签内容。 |
display | bool | false | 组件输出html的标记变量。 |
块
| 块名词 | 映射类型 | 说明 |
|---|---|---|
head | 无 | HTML5 <head> 内部 |
header | header | 页面头部 |
main | main | 页面主体 |
footer | 无 | 页脚, </body> 标签前 |
数据
$pageCSS
向页面 <head> 标签内写入CSS样式内容。
php
useData('pageCSS', 'body{background-color:red;}');$pageJS
在页面 footer 块之后, </body> 标签前输出 JavaScript 内容。
php
useData('pageJS', 'alert("demo");');$title
设置页面 <title> 标题。
php
set::title('页面标题');