---
# System prepended metadata

title: (書本模式) N108 詳細說明文件
tags: [N108]

---

---
tags: N108
---
(書本模式) N108 詳細說明文件
===
簡介
---
- [快速入門](https://hackmd.io/mpZlB_GpRE26nV6_BAPXVg?view)
- [完整功能介紹](https://hackmd.io/Hosk4xieSyWdEHYZADFrpQ?view)
- [Todo List](https://hackmd.io/1aHU-EC6TpikX2kDCFF6PA?view)

Component 介紹
---
- [App.jsx](https://hackmd.io/DJbVMprkRdGz1OODTcuicg?view)
- [Pageswitch.jsx](https://hackmd.io/WkWyQZuOQheHmDFcnRCLuw?view)
- Topbar
    ---
    - [APPbar.jsx](https://hackmd.io/MTK1qrouRGiSwcTuq2LjKw?view)
    - [SchoolSelector.jsx](https://hackmd.io/7-8SckXfQKafrf3TxRPz5A?view)
- Home 首頁
    --- 
    - [Home.jsx](https://hackmd.io/Gwv7gVPXTwqCJdxbDUxPVQ?view)
    - [Footer.jsx](https://hackmd.io/p9HqLKexQmePlMxpm-Spjg?view)
- Account 會員
    ---
    - [Login.jsx](https://hackmd.io/nkRSfV6KTaGaWgpn8Pqgug?view)
    - [MemberProfile.jsx](https://hackmd.io/_F5o4DuORuuuyeXsJI7XSw?view)
    - [MemberTopBar.jsx](https://hackmd.io/LqdPgGsGRZCPESFido05Ow?view)
    - [Member_IMG_Name.jsx](https://hackmd.io/L_RQWK2DTwemN3CzWS2TOw?view)
    - [MemberContent.jsx](https://hackmd.io/VO9RoLZZTSuRFfjFN1uSUQ?view)
        - [Memberinfo.jsx](https://hackmd.io/Yt3hHPI0TDqyo13eMJ94Og?view)
            - [Memberinfobtn.jsx](https://hackmd.io/PkTGZi7WSLu-6h4aZKHSHA?view)
        - [MemberLearnHistory.jsx](https://hackmd.io/um97jlhpSi2ngS9GcybS4A?view)
        - [MemberWatchHistory.jsx](https://hackmd.io/2Qqt0TwsQdyLCzJR-9JvQQ?view)
        - [MemberNotelistHistory.jsx](https://hackmd.io/3NAA_ZfCRUKJe59GtFy03w?view)
            - [MemberNoteHistory.jsx](https://hackmd.io/XoKVRxK0SWiPSApqsPBpqg?view)
        - [UploadImg.jsx](https://hackmd.io/1t-3IQukQjaNd137YIXYLQ?view)
- Learn 學習功能
    ---
    - [Learn.jsx](https://hackmd.io/mVPmz7vPRa-Cr7jS9cj_Qg?view)
    - [LearnSidebar.jsx](https://hackmd.io/C3O6Rrh5Sv2BtYRKJrKY-A?view)
        - [LearnSidebarSubject.jsx](https://hackmd.io/-Z634UZFRxKNh7kAPhdqjA?view)
        - [LearnSiderbarContent.jsx](https://hackmd.io/8DPI1pw4QqatX2tgVDBXIA?view)
    - [LearnContent.jsx](https://hackmd.io/Z0lzqcr1SP-pvARwvFsyrQ?view)
    - [LearnYtFlame.jsx](https://hackmd.io/E1fVZluLTz2_2W4Z_tFUMA?view)
    - [Thumbnails.jsx](https://hackmd.io/v-8TcnMITduMjlzPLRXwNA?view)
- Exam 評測功能
    ---
    - [Exam.jsx](https://hackmd.io/0K39dZY9Rbq7xwPFKNzDUw?view)
    - [ExamContain.jsx](https://hackmd.io/8cLPGVhdRymXPrCLNYLuNw?view)
    - [ExamWrapper.jsx](https://hackmd.io/JqzV6luhSsCA3CPCxtt_sg?view)
        - [ExamProblemImg.jsx](https://hackmd.io/TDvYaVb4Rxmsle1jHHhseA?view)
        - [ExamChoosebtn.jsx](https://hackmd.io/NHFUFxXIRJCOOMtPWLvENQ?view)
        - [ExamIssue.jsx](https://hackmd.io/jVrW4AnjR2i9zXk93EDWuw?view)
    - [~~ExamExpProblem.jsx~~](https://hackmd.io/sCbNY7qqTnmqbfeiVjwIlw?view)
- Detail 詳解
    ---
    - [Detail.jsx](https://hackmd.io/FtBVORlmQSC-1fIoqoSa6A?view)
    - [Detailbtn.jsx (Detail wrapper)](https://hackmd.io/7ND2Rt3LSsGwIgeLCgzwGw?view)
    - [DetailPreview.jsx](https://hackmd.io/sCbNY7qqTnmqbfeiVjwIlw?view)


- Watch 影片功能
    ---
    - [*doing*]()
- Note 筆記功能
    ---
    - [*doing*]()
- Tool 小工具
    ---
    - [ReactMarkdown.jsx](https://hackmd.io/IQ3BbIuASbe0wEp73BFaxw)
    - [Closebtn.jsx](https://hackmd.io/6U5S_APNQjmFlA2JvgSLPA)
    - [其他](https://hackmd.io/kcqQiKkhTRauHjs7rj-a3w)


Style && CSS 介紹
---
- [main.styl](https://hackmd.io/MN3mFkwHQ3OY2juWecS9KA?view)
