将SweetAlert2内容与弹出窗口顶部对齐

时间:2018-11-09 21:38:30

标签: css sweetalert2

我在Swal2弹出窗口中使用了typeahead Vue组件,我已经使用自定义类调整了高度,这样我就可以在弹出窗口中(或在其中显示所有内容)获得所有typeahead下拉数据。

但是我似乎无法使内容与顶部对齐。

我确定这只是一个弹性框设置,但我不知道该将顶部对齐的内容添加到自定义类中。

.lookup-custom-height {
    height: 400px;
}
  

要求的代码:

lookup() {
    swal({
        title: 'Substance Lookup',
        html: '<sub-typeahead placeholder="Search for Substances ..." item="material" display="name"></sub-typeahead>',
        showConfirmButton: false,
        customClass: 'lookup-custom-height',
    })

    return new Vue({
        el: swal.getContent(),
        components: {
            SubTypeahead
        }
    })
},

enter image description here

0 个答案:

没有答案