我一直在研究这个例子： https //capacitor.ionicframework.com/docs/basics/cordova
我跑了：
npm install cordova-plugin-qrscanner
npx cap sync
我可以看到安装在我的 node_modules 中的插件。
我不知道该怎么做是调用cordova-plugin 上的功能之一。我想知道我是否需要像 webpack 这样的打包器？
如果cordova插件包含本机swift（或其他）代码，我也很困惑这是如何工作的。
我正在尝试创建一个可以通过简单的滑出动画展开和折叠的框。如果您运行下面的示例，其想法是它以一条红线开始，当您单击按钮时，它会分成两条读取线并轻轻展开以显示内容，就像从表格中拉出画一样。
我已经尝试了转换、动画、相对：使用顶部定位，但无法获得所需的效果。
包含框的大小应扩大
function expandContract() {
const el = document.getElementById("expand-contract")
el.classList.toggle('expanded')
el.classList.toggle('collapsed')
}#container {
border: 1px solid black;
padding: 15px;
}
#top-section {
border-bottom: 1px solid red;
}
#expand-contract {
border-bottom: 1px solid red;
}
.expand-contract {
transform: translateY(-100%)
overflow: hidden;
}
@keyframes slide-in {
100% {
transform: translateY(0%)
}
}
.expanded {
background-color: green;
animation-name: slide-in;
animation-duration: 1s;
}
.collapsed {
background-color: red;
transform: translateY(-100%)
}<div id="container">
<div id="top-section">
This is always displayed
</div>
<div id="expand-contract" class="expanded"> …