Socket
Book a DemoInstallSign in
Socket

bee-swiper

Package Overview
Dependencies
Maintainers
1
Versions
1
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

bee-swiper

swiper

1.0.0
latest
Source
npmnpm
Version published
Weekly downloads
17
183.33%
Maintainers
1
Weekly downloads
 
Created
Source

bee-swiper

引入

  • 包导入
npm install bee-swiper
# or
cnpm install bee-swiper
# or
yarn add bee-swiper
import 'bee-swiper/bee-swiper.css'
import 'bee-swiper/bee-swiper.js'
  • 标签引入
<link rel="stylesheet" herf="https://unpkg.com/bee-swiper/dist/bee-swiper.css" />
<script src="https://unpkg.com/bee-swiper/dist/bee-swiper.js"></script>

使用

<div class="banner-container">
  <div class="banner-wrapper">
    <div class="banner-slide" style='background-image: url("{{img_link}}")'>
      ···
    </div>
    <div class="banner-slide" style='background-image: url("{{img_link}}")'>
      ···
    </div>
    <div class="banner-slide" style='background-image: url("{{img_link}}")'>
      ···
    </div>
    <div class="banner-slide" style='background-image: url("{{img_link}}")'>
      ···
    </div>
    <div class="banner-slide" style='background-image: url("{{img_link}}")'>
      ···
    </div>
    ·
    ·
    ·
  </div>
</div>
BeeSwiper('.banner-container', {
  ctrl_btn: false, //是否显示控制按钮
  auto_play: true, //是否启动自动播放
  times: 3000 //自动轮播的时间间隔
})

参数

属性类型默认值解释
ctrl_btnbooltrue是否显示控制按钮
auto_playbooltrue是否启动自动播放
timesnumber3000自动轮播的时间间隔

案例

example

更多

需要添加功能或者存在 bug 请提交 issues,在空余时间会尽快处理。

Keywords

swiper

FAQs

Package last updated on 12 Oct 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.