angular2 使用swiper

testbird 發(fā)布于2019-08-23 14:09 / 444人閱讀

摘要：第一步第二步下載支持聲明文件文件里循環(huán)模式選項(xiàng)切換到第一個(gè)，速度為秒

第一步：

npm install swiper --save

第二步：下載swiper ts支持(ts聲明文件：http://microsoft.github.io/Ty...)

npm install  @types/swiper --save

ts文件里：

import swiper from "Swiper";

swiperSlide:any
  swiperw() {
    let ss = new swiper(".swiper-container", {
      loop: true, // 循環(huán)模式選項(xiàng)
      effect : "flip",
     //  effect: "cube"
    })
    this.swiperSlide = ss
  }
  goto(e) {
    this.swiperSlide.slideToLoop(e, 1000, false);//切換到第一個(gè)slide，速度為1秒
  }

html


  
      Slide 1
      Slide 2

css

.swiper-container {
    width: 600px;
    height: 300px;
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/100182.html

相關(guān)文章

2017年2月份前端資源分享

平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用擴(kuò)展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉(zhuǎn)換...

lily_wang 2019-06-27 16:28 評(píng)論0 收藏0
2017年2月份前端資源分享

平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用擴(kuò)展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉(zhuǎn)換...

chengjianhua 2019-08-29 12:35 評(píng)論0 收藏0
2017年2月份前端資源分享

平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用擴(kuò)展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉(zhuǎn)換...

Anonymous1 2019-08-20 16:31 評(píng)論0 收藏0
2017年2月份前端資源分享

平日學(xué)習(xí)接觸過的網(wǎng)站積累，以每月的形式發(fā)布。2017年以前看這個(gè)網(wǎng)址：http://www.kancloud.cn/jsfron... 1. Javascript 前端生成好看的二維碼十大經(jīng)典排序算法(帶動(dòng)圖演示) 為什么知乎前端圈普遍認(rèn)為H5游戲和H5展示的JSer 個(gè)人整理和封裝的YU.js庫(kù)|中文詳細(xì)注釋|供新手學(xué)習(xí)使用擴(kuò)展JavaScript語法記錄 - 掉坑初期工具漢字拼音轉(zhuǎn)換...

dreamtecher 2019-08-01 16:51 評(píng)論0 收藏0
畢業(yè)后的第一次總結(jié)。

摘要：途中學(xué)了很火的，覺得目前的前后端不分離的老模式以及自己一個(gè)人摸爬滾打影響個(gè)人發(fā)展，就約好同學(xué)，年后離職，上海見。一年前用的地區(qū)人才網(wǎng)，這次用的直聘。后來收到了天內(nèi)收到了家面試通知，上午的在八佰伴，下午的在浦電路。年初的迷茫已經(jīng)找不到詞語來形容時(shí)間過得有多快了。兩年前的這個(gè)時(shí)候，我還在南寧，一個(gè)二線&&三線的城市找工作，投簡(jiǎn)歷，等面試，等通知，等offer，然后入職。我清晰記得，2...

gxyz 2019-08-30 15:55 評(píng)論0 收藏0