Nativescript-Ngx-Partials

一个用于快速创建页面和布局片段的 Nativescript Angular 模块

配置

npm install nativescript-ngx-partials --save

将模块导入到您的 app-module

import { PartialsModule } from 'nativescript-ngx-partials';

入门指南

页面

页面布局由根标签和嵌套属性容器组成

• 页面（根元素）
• page-header
• page-content
• page-footer
• page-toolbar

页面有以下选项

• header=flow/float/fixed
• footert=flow/float/fixed
• toolbar=top-left/bottom-left (水平和垂直属性的任意组合)
• debug (突出显示容器元素)

面板

面板是 NativeScript Flex-box 布局视图，通过使用行和列标签简化了嵌套元素的过程

您可以将原生 Flexbox CSS 样式添加到 Row/Col 面板

行

RowPanel

RowPanel有以下嵌套容器

• panel-left
• panel-middle
• panel-right

列

ColPanel

ColPanel有以下嵌套容器

• panel-top
• panel-middle
• panel-bottom

示例

在演示应用中提供