以前的代码要怎样修改一下，才能实现首页轮播，请大佬教一下，谢谢。 <div class="snippet-clipboard-content notranslate

怎样使ispeak实现首页轮播，Butterfly主题 about kkapi-open HOT 1 CLOSED

iwyang commented on June 30, 2024

怎样使ispeak实现首页轮播，Butterfly主题

from kkapi-open.

Comments (1)

kkfive commented on June 30, 2024

以下方法仅限最新版，即通过kkapi进行部署
以下方法仅限最新版，即通过kkapi进行部署
以下方法仅限最新版，即通过kkapi进行部署

我个人的方法是通过挂载在侧边栏，然后侧边栏引用js动态插入顶部轮播位置。
参考代码：

bottom:
  - class_name: latestBB
    id_name:
    name: Ispeak
    icon: fas fa-bolt
    order: 2
    html: |
      <div class="swiper-container swiper-container-aside">
        <div class="swiper-wrapper swiper-weapper-aside"></div>
      </div>
      <a class="bb-btn button--animated" href="/speak/" title="查看全部"><i class="far fa-hand-point-right fa-fw"></i> 查看更多 </a>
      <script>
        window.kkBBConfig = {
          limit: 9,
          blog:'/speak',
          api_url: 'api地址',
          author: '你的用户token'
        }
      </script>
      <script src="https://cdn1.tianli0.top/npm/[email protected]/dist/index.min.js"></script>