0

我已经在我的项目中导入了三个文件（核心、主题和 glidejs）

但布局似乎很奇怪： 奇怪的布局

HTML：

doctype html
html(lang=fr)
    head
        title= 'Toutounet'
        link(rel='stylesheet' href='/assets/glide/glide.core.min.css')
        link(rel='stylesheet' href='/assets/glide/glide.theme.min.css')
        script(src='/assets/glide/glide.min.js')
        script.
            new Glide('.glide').mount()
    body
        div(class='glide')
        div(class='glide__track' data-glide-el='track')
            ul(class='glide__slides')
                li(class='glide__slide') slide1
                li(class='glide__slide') slide2
                li(class='glide__slide') slide3
        div(class='glide__arrows' data-glide-el='controls')
            button(class='glide__arrow glide__arrow--left' data-glide-dir='<') prev
            button(class='glide__arrow glide__arrow--right' data-glide-dir='>') next

并且按钮上的文字没有出现。

此外，我尝试通过以下方式导入节点包：

npm i --save @glidejs/glide

但是该链接不像文档中所说的那样工作（href="node_modules/@glidejs/glide/dist/css/glide.core.min.css"），并且该包未添加到我的 node_modules 目录中。

谢谢。

在@Sean 回复后编辑但现在我看不到箭头。

4

0 回答 0