我设置了 Dragula,并且大部分都按预期工作,但样式和动画与示例页面上的内容不匹配。在演示页面上,当您开始拖动项目时,您的鼠标将移动该项目的半透明副本,直到您释放它。当我单击并拖动一个项目时,没有半透明副本,并且它不会移动,直到我在新位置释放该项目时它会按预期移动。
我已经看到了关于这个问题的一些讨论(here和here),并仔细检查了是否在我的索引页面和angular-cli.json页面上包含了css(也尝试了两者,一次只尝试一个没有效果)。
CSS:
<link rel="stylesheet" type="text/html" href="node_modules/dragula/dist/dragula.css">
角-cli.json
"styles": [
"styles.scss",
"./node_modules/dragula/dist/dragula.css",
],
html:
<div [dragula]='"first-bag"' fxLayout="row wrap" fxLayoutAlign="center center" class="full-width equipped-bag">
</div>
<div
fxLayout="row wrap"
fxLayoutAlign="center center"
[dragula]='"first-bag"'>
<mat-card *ngFor="let item of itemArray">
{{ item.name }}
</mat-card>
</div>