Page 页面构造

---

fox-page

布局组件，用于页面构造,能够根据 设备的宽高自动设置width和height

通过fox-page、fox-step-header、fox-content、和fox-footer构造一个页面结构，其中fox-page和fox-content是否必须的，fox-group根据内容需要构建，而fox-step-header和fox-footer根据需要采用。

层次结构：

fox-page
--fox-step-header
--fox-footer
--fox-content

HTML

    <!--page每个页面的root元素-->
    <fox-page>
        <fox-step-header :options="m_options" @back="back">
        </fox-step-header>
        <fox-footer>
            Footer
        </fox-footer>
        <fox-content>
            <fox-content-padded>
               <h1>Content</h1>
            </fox-content-padded>
        </fox-content>
    </fox-page>

API

Props

组件支持以下属性：

参数	类型	说明
disabled	Boolean	是否禁用(全局)
readonly	Boolean	是否禁用(全局)

Slots

支持以下插槽：

名称	说明
default	自定义内容

fox-step-header

用于page中头部分

HTML

<fox-step-header></fox-step-header>

API

Slots

支持以下插槽：

名称	说明
default	自定义内容

fox-content

用于page中内容体部分

HTML

<fox-content></fox-content>

API

Slots

支持以下插槽：

名称	说明
default	自定义内容

fox-footer

用于page中底部

HTML

<fox-footer></fox-footer>

API

Slots

支持以下插槽：

名称	说明
default	自定义内容