html - 带有文本和图像的 Vue Cards 幻灯片

Question

因此，我正在为一个使用 Vue.js 的小型项目而苦苦挣扎。我通常不使用框架创建东西，这是我第一次使用它，所以我不能很好地处理它。

我找到了一个项目（更准确地说是这个 - [https://codepen.io/pen/?template=MWobKZM][1]），我想在主标题的顶部放置一个带有预览的上传照片按钮和一个保存按钮，用于所有卡片与我的 API 一起使用（但我我猜我会用 Axios 处理这个保存按钮）。此外，在第二个文本栏中应该有一个音频文件和视频文件的拖放区（就像你看到与 {affirmation_001} 的集成，第一张卡。它应该看起来像这样： 这是我的页面的界面

但是每次我尝试在 js 或 Html 区域的 Vue.component 上添加一些东西时，代码都会崩溃......有什么想法吗？我真的很喜欢那里的卡片

标签： htmlvue.jsvue-componentvue-composition-apibootstrap-cards