Dragula拖动时删除卡的CSS样式

时间:2019-07-20 10:20:03

标签: ionic3

我正在尝试使用Dragula模块,并且可以对卡片进行重新排序,但是当时我选择了要拖动的卡片,而在拖动任何卡片时,它们在拖放之间都失去了自己的CSS样式操作。

HTML代码:

<div dragula="DRAGULA_FACTS">
    <div class="movable_cards" style="margin: 30px 0px;position: relative;">
        <ion-card class="abc">
            <div style="padding: 12px 6px 5px 6px;">
                <ion-row>
                  ...
                </ion-row>
            </div>
        </ion-card>
    </div>
 </div>

TS代码:

constructor(...){
        this.dragulaService.drag().subscribe((value) => 
        {
            this.shouldScroll = true;
        });

        this.dragulaService.dragend().subscribe((value) => 
        {
            this.shouldScroll = null;
        });

        this.dragulaService.drop().subscribe((value) => 
        {
        });
}

我说过,当我拖动任何卡时,我正在使用Dragula上下移动卡,然后它删除了使用CSS样式类实现的卡CSS。请帮助我以CSS样式拖放卡。

0 个答案:

没有答案