在nx应用中,可以创建布局以复用诸如标题导航栏和侧边栏等界面元素。布局存放在项目的layout
目录下,其中可以创建一个名为default.view
的文件作为默认布局。布局组件的设计与常规组件类似,包含模板(template)、样式(style)和脚本部分(script)。模板中定义了应用的标志、导航栏和一个内容插槽(slot)来显示页面内容。样式可以通过@import
导入资产样式表default.css
。在使用布局时,需要在app.view
组件外包上nex layout
,这样应用中的所有页面都会默认使用该布局,并显示定义在布局中的界面元素,例如表情符号和应用名。若在Chrome浏览器安装了Vivo开发者工具,可以观察页面组件的结构,其中会显示使用的是default
布局组件,后续组件包括router view
和其他匿名组件。