angular2 使用swiper

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

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

第一步：

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)模式選項
      effect : "flip",
     //  effect: "cube"
    })
    this.swiperSlide = ss
  }
  goto(e) {
    this.swiperSlide.slideToLoop(e, 1000, false);//切換到第一個slide，速度為1秒
  }

html


  
      Slide 1
      Slide 2

css

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/100182.html

相關(guān)文章

2017年2月份前端資源分享

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

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

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

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

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

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

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

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

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

gxyz 2019-08-30 15:55 評論0 收藏0