Skip to content

HTML 模板

UI-PROTOTYPE 使用 Pug 来编写 HTML 模板。
关于 Pug 使用方法,请查阅Pug中文网

为窗口编写 main.html

main.html 是窗口默认加载的 HTML 文件,根据窗口所在文件夹下views/_main.pug生成。 以下是一个基本示例:

doctype html
html
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
  body
这将会生成一个基本的 HTML 文件,可以在views目录下编写其他部分并使用include引入到_main.pug中。
如果某个模板文件或某个文件夹下的模板文件只用于生成main.html,可以在文件名开头添加_

共享模板

UI-PROTOTYPE 提供了一些共享的 HTML 模板,均储存在src/shared/views目录中。

文件名 说明
_titlebar.pug 标题栏

使用模板

可以通过 Dom.layout API 使用模板。

API

这些接口只能在模板中使用。

函数:config

function config(file: string, keys: string): any;
用于读取src/shared/config下的配置文件对应的键值,不存在时返回undefined