vue js分页css与文档中的预期不符

Question

我正在vue中实现此分页器： https://github.com/lokyoung/vuejs-paginate

出于某些奇怪的原因，布局无法正常工作，这就是我的分页器的样子：

我导入并使用了它：

import Paginate from 'vuejs-paginate'
Vue.component('paginate', Paginate);

我在使用组件的html页面中完成了此操作：

<script src="https://unpkg.com/vuejs-paginate@latest"></script>

在我的组件中，我做了：

<paginate
  :page-count="31"
  :page-range="10"
  :maring-pages="5"
  :click-handler="pageClickCallback"
  :container-class="'pagination'"
/>

文档中所述的所有内容，但没有布局。

这是怎么回事？

Answer 1

似乎，这个软件包根本不提供CSS，您需要自己设置样式或使用bootstrap.css。如果删除了boostrap.css（在“资源”选项卡中），请参见他们的演示-https://jsfiddle.net/lokyoung/u3u3nzns/-您将看到没有应用任何样式。
您可以看到此处使用的类-https://github.com/lokyoung/vuejs-paginate/blob/master/src/components/Paginate.vue