fem faq accordion

前端導師 - 常見問題手風琴卡

現場演示

描述

響應頁面設計挑戰：單手風琴交互式組件。我解決Frontendentor.io的挑戰之一的解決方案

主要功能：

• 交互式（靜態）解決方案不使用任何腳本，僅本機HTML元素
• 基於pugjs和手寫筆
  
• 動畫SVG：動畫是使用svgator製作的

用法

安裝

除了包裝中的包裝外，還必須安裝任pug-cli才能觀看並編譯為HTML的PUG。

發展

觀看和編譯哈巴馬到HTML：

npm run develop

觀看和編譯給CSS的手寫筆（CSS將以樣式/CSS文件夾進行編譯）：

npm run watch:css

學分

• 由前端導師團隊設計。
• Ann-Dev編寫的代碼。