本文整理汇总了TypeScript中phosphor/lib/ui/vdom.h.span方法的典型用法代码示例。如果您正苦于以下问题:TypeScript h.span方法的具体用法?TypeScript h.span怎么用?TypeScript h.span使用的例子?那么恭喜您, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类phosphor/lib/ui/vdom.h
的用法示例。
在下文中一共展示了h.span方法的1个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: render
/**
* Render the landing plugin to virtual DOM nodes.
*/
protected render(): VNode {
let activitiesList: VNode[] = [];
let activites = this.model.activities;
for (let activityName of activites) {
let imgName = activityName[0].replace(' ', '');
let column =
h.div({className: LANDING_COLUMN_CLASS},
h.span({className: LANDING_ICON_CLASS + ` jp-Image${imgName}` ,
onclick: () => {
this._app.commands.execute(activityName[1], void 0);
}}
),
h.span({className: LANDING_TEXT_CLASS}, activityName[0])
);
activitiesList.push(column);
}
let logo = h.span({className: JUPYTERLAB_ICON_CLASS + ' ' + LANDING_LOGO_CLASS});
let subtitle =
h.span({className: LANDING_SUBTITLE_CLASS},
this.model.previewMessage
);
let tour =
h.span({className: TOUR_ICON_CLASS,
onclick: () => {
this._app.commands.execute('about-jupyterlab:show', void 0);
}}
);
let header = h.span({
className: LANDING_HEADER_CLASS
}, this.model.headerText);
let body = h.div({className: LANDING_BODY_CLASS}, activitiesList);
let dialog = h.div({className: LANDING_DIALOG_CLASS},
logo,
subtitle,
tour,
header,
body,
h.div({className: LANDING_CWD_CLASS},
h.span({className: FOLDER_ICON_CLASS + ' ' + FOLDER_CLASS}),
h.span({className: LANDING_PATH_CLASS}, this.model.path
)
)
);
return dialog;
}