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编写的代码。