Onsen Theme Roller에서 만든 Theme을 Monaca에서 만든 앱으로 가져 오는 방법.

2530 단어 온 등봉monaca

아래를 보고, Theme를 작성하고 있었습니다만, Monaca로 적용하는 방법이, 걸리지 않았기 때문에, 정리해 두었습니다.



  • Onsen UI 사용자 정의 Onsen Theme Roller 소개 를 보고 Theme을 작성. 만든 Theme 다운로드
  • 다운로드 한 onsen-css-components.css를 onsen-css-components-cus.css로 이름을 바꿉니다.
  • lib/onsenui/css 아래에 이름이 바뀐 파일을 업로드. (components에 onsenui 폴더가있을 수 있지만 그곳은 무시)



  • 4.index.html을 다시 씁니다.

    index.html
        <link rel="stylesheet" href="components/loader.css">
        <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
        <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"> →書き換え
        <link rel="stylesheet" href="css/style.css">
    

    다시 쓰기 후

    index.html
        <link rel="stylesheet" href="components/loader.css">
        <link rel="stylesheet" href="lib/onsenui/css/onsenui.css">
        <link rel="stylesheet" href="lib/onsenui/css/onsen-css-components-cus.css">
        <link rel="stylesheet" href="css/style.css">
    

    좋은 웹페이지 즐겨찾기