本文整理汇总了TypeScript中noml.ui.flexDown方法的典型用法代码示例。如果您正苦于以下问题：TypeScript ui.flexDown方法的具体用法？TypeScript ui.flexDown怎么用？TypeScript ui.flexDown使用的例子？那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类noml.ui的用法示例。
在下文中一共展示了ui.flexDown方法的2个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于系统推荐出更棒的TypeScript代码示例。
示例1: getBody
getBody() {
const {logic} = this;
return ui.flexDown(
new AddEntry(logic),
ui.flexRight(
new ui.Tristate(logic.getEntries,
() => 'loading',
entries => new EntryList(logic).data(entries),
e => 'failed to load entries'
).refreshOn(logic.entriesChanged),
ui.flexDown(
ui.flexPad(),
ui.button('delete', () => logic.deleteEntry())
)
)
);
}示例2: getBody
getBody() {
const {folders, mailbox, message} = this.logic;
const messagePromise = ui.delayedPromise(message.getSelectedMessage).then(x => {
// throw new Error('failed to load message');
return x;
});
const hasMailbox = !!state.mailbox.selectedId;
const hasMessage = !!state.message.selectedId;
return ui.flexRight(
new Folders(folders, 'folders'),
ui.flexDown().class('mailContainer').child(
new Mailbox(mailbox, 'mailbox'),
new ui.Tristate(() => hasMailbox && hasMessage && messagePromise,
() => 'pending',
m => new MessageUi({getMessage: () => m}, 'message'),
e => ui.span(e.message).class('error')
)
)
);
}