TypeScript dom.h2函數代碼示例

本文整理匯總了TypeScript中@cycle/dom.h2函數的典型用法代碼示例。如果您正苦於以下問題：TypeScript h2函數的具體用法？TypeScript h2怎麽用？TypeScript h2使用的例子？那麽, 這裏精選的函數代碼示例或許可以為您提供幫助。

在下文中一共展示了h2函數的8個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的TypeScript代碼示例。

示例1: div

 .map(([backButton, contents]) =>
   div([
     backButton,
     h2(`.${className}`, ['Details']),
     hr(),
     ...contents
   ])

開發者ID:cyclejs-community，項目名稱:typescript-starter-cycle，代碼行數:7，代碼來源:index.ts

示例2: app

 function app() {
   return {
     html: xs.of(
       h('.test-element', [
         div([h2('.a', 'a'), h('h4.b', 'b'), h('h1.fooclass')]),
         div([h3('.c', 'c'), h('div', [h('p.d', 'd'), h('h2.barclass')])]),
       ]),
     ),
   };
 }

開發者ID:joeldentici，項目名稱:cyclejs，代碼行數:10，代碼來源:index.ts

示例3: 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

示例4: div

 const vdom$ = name$.map(name =>
   div([
     p([
       'First name',
       input('.first', { attrs: { type: 'text' } }),
     ]),
     p([
       'Last name',
       input('.last', { attrs: { type: 'text' } }),
     ]),
     h2('Hello ' + name),
   ]),

開發者ID:joeldentici，項目名稱:cyclejs，代碼行數:12，代碼來源:index.ts

示例5: 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

示例6: div

 .map(([bmi, weightVTree, heightVTree]) =>
   div([
     weightVTree,
     heightVTree,
     h2('BMI is ' + bmi),
   ]),

開發者ID:joeldentici，項目名稱:cyclejs，代碼行數:6，代碼來源:BmiCalculator.ts

示例7:

export const Home: RouteComponent = sources => ({
  dom: xs.of(h2(['Home'])),
  history: xs.empty()
});

開發者ID:cyclejs-community，項目名稱:typescript-starter-cycle，代碼行數:4，代碼來源:index.ts

示例8: div

      .map(([count, incrementVTree, decrementVTree]) =>
        div([
          incrementVTree,
					decrementVTree,
					h2('Clicks: ' + count),
        ])

開發者ID:mxstbr，項目名稱:cyclejs-counter，代碼行數:6，代碼來源:Counter.ts

注：本文中的@cycle/dom.h2函數示例由純淨天空整理自Github/MSDocs等開源代碼及文檔管理平台，相關代碼片段篩選自各路編程大神貢獻的開源項目，源碼版權歸原作者所有，傳播和使用請參考對應項目的License；未經允許，請勿轉載。