Package Exports

demo-ui

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (demo-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

demo-ui

demo網頁中常用的版面元素

Running

npm run start
open http://localhost:3333/

Demo

<Layout>
  
  <MainSection>
    <p> Hello world! </p>
  </MainSection>

  <Footer/>
</Layout>

Theme

<Layout/>  //網站

<MainSection/> //主內容

<Footer/> //頁腳

Component

<HanLoSu 羅馬字="ta̍k-ke" 漢字="逐家"/>  //漢羅詞

<PlayButton 腔口="閩南語" 分詞="逐-家｜tak8-ke1"/>  //播放語音合成按鈕

<DownloadButton 腔口="閩南語" 分詞="逐-家｜tak8-ke1"/> //下載按鈕

<CopyButton 複製內容={"Hello copied!"}/> //複製按鈕

<Block/> //一個區塊

<TextBlock/> //一個文字區塊

<ButtonStack/> //一組堆疊按鈕

Collection

<HanLoTsua 羅馬字="ta̍k-ke" 漢字="逐家" src={音檔網址}
是否合音={true}/>
//漢羅逝，default 是否合音=true

API

意傳服務
  網域
  語音合成
  文本直接合成

Fonts

參考自萌典

𢯭手𨑨迌：MOEDICT萌典
a̍：FiraSansOT
ABCDabcd123：basicLatin本專案自訂字型