angular2 使用swiper

testbird 發布于2019-08-23 14:09 / 442人閱讀

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

第一步：

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, // 循環模式選項
      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;
}

GPU云服務器云服務器 angular2 swiper swiper cdn swiper.js

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/100182.html

2017年2月份前端資源分享

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

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

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

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

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

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

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

dreamtecher 2019-08-01 16:51 評論0 收藏0
畢業后的第一次總結。

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

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