本文整理汇总了TypeScript中@cycle/dom.h1函数的典型用法代码示例。如果您正苦于以下问题：TypeScript h1函数的具体用法？TypeScript h1怎么用？TypeScript h1使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。
在下文中一共展示了h1函数的7个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。
示例1: Header
export default function Header(): Stream<VNode> {
return xs.of(
header('.main-header', {}, [
// Profile picture
// Contact information
h1('.my-name', {}, 'Michal Vanko'),
h2('.job-title', {}, 'Software developer')
])
)
}
开发者ID:michalvankodev，项目名称:portfolio，代码行数:10，代码来源:header.ts
示例2: vTitle
function vTitle() {
return div('#title', [
h1([
img({props: {src: 'Rx_Logo_S.png'}}),
a(
{props: {href: 'https://github.com/wizardwerdna/FRPBowlingKata'}},
'FRP Bowling'
),
img({props: {src: 'CycleJS_Logo.png'}}),
]),
h3('The Classic Kata in RxJS and CycleJS')
]);
}
开发者ID:wizardwerdna，项目名称:FRPBowlingKata，代码行数:13，代码来源:view.ts
示例3: tr
return state$.map(({shows, cursor}) => {
const rows = shows.map((show, i) => {
return tr(i === cursor ? '.table-info' : '', [
td([show.name]),
td([show.count])
]);
});
const showsTable = div('.col-md-6 .col-sm-12', [
table('.table', [
tbody('.showsTableBody', rows)
])
]);
return div([
h1(["tracker"]),
showsTable
])
});
开发者ID:justinwoo，项目名称:tracker，代码行数:19，代码来源:index.ts
示例4: div
).map(([
scoreDom,
newGameDom,
gridDom
]) => {
return div('#root', [
div('.container', [
header([
div('.title.bar', [
h1(['Recall']),
scoreDom
]),
div('.info', [
p([
'Click on the ',
strong(['nine tiles you see']),
' to win!'
]),
newGameDom
])
]),
main([
div('.panel', [gridDom])
]),
footer([
'Made with ',
span('.heart', 'â¤'),
' using ',
span('.cycle', 'Cycle.js'),
' by ',
a('.author', { props: { href: 'https://github.com/artfuldev' } }, '@artfuldev'),
div([
a('.source', { props: { href: 'https://github.com/artfuldev/recall-cycle/tree/gh-pages/' } }, 'View Source')
])
])
])
]);
});
开发者ID:artfuldev，项目名称:recall-cycle，代码行数:38，代码来源:view.ts
示例5: renderInvalidState
function renderInvalidState() {
return div(`.${invalidStateStyle}`, [
h1('Not a Cycle.js app with xstream'),
p('This page doesn\'t seem to be running a Cycle.js app using xstream ' +
'as the stream library. This DevTool only supports xstream. Or maybe ' +
'you are using xstream but an older version.'),
p('This DevTool requires that your app is built using the following ' +
'packages:'),
ul([
li([ pre('xstream'), ' v6.1.x or higher' ]),
li([ pre('@cycle/run'), ' v3.1.x or higher' ]),
li([ pre('@cycle/dom'), ' v12.2.x or higher, if you are using it' ]),
li([ pre('@cycle/http'), ' v10.2.x or higher, if you are using it' ]),
]),
p([
'Need help? The ',
a({ attrs: {
href: 'https://gitter.im/cyclejs/cyclejs',
target: '_blank',
}}, 'chat'),
' is usually friendly and helpful.',
]),
]);
}
开发者ID:cyclejs，项目名称:cyclejs，代码行数:24，代码来源:view.ts
示例6: homeView
function homeView(projects: Project[]): VNode {
return div(".welcome", [
h1("Helix Pi"),
div(".options", [
a(".new-project", "Create new project"),
div(".recent-projects", [
h2("Recent projects"),
div(
".projects.flex-column",
projects.map(project =>
a(
".goto-project",
{ attrs: { href: `/project/${project.id}` } },
project.name
)
)
)
])
])
]);
}
开发者ID:helix-pi，项目名称:helix-pi，代码行数:24，代码来源:editor.ts
示例7: h1
DOM: xs.periodic(1000).map(i => h1('' + i + " seconds elapsed"))
开发者ID:udondokodoon，项目名称:touchevents，代码行数:1，代码来源:main.ts
注：本文中的@cycle/dom.h1函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。 |
客服电话
APP下载
官方微信
请发表评论