Skip to content
This repository has been archived by the owner on Aug 2, 2024. It is now read-only.

i3thuan5/demo-ui

Repository files navigation

demo-ui

npm version Build Status

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本專案自訂字型