国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

swiper的使用

MyFaith / 2907人閱讀

摘要:是一款輪播圖插件,我是用在里面,方便省事兒。官網地址地址安裝安裝完成之后,我沒有在中注冊它,而是在使用頁面注冊的。因為通常來說輪播圖只會在一個應用的首頁展示,所以就沒必要在全局注冊它,只用在頁面注冊使用一下就可以了。

swipe是一款輪播圖插件,我是用在vue里面,方便省事兒。
swipe里面有很多關于滑動的組建,我只用過輪播圖,如果以后有時間,可以再看看官網上別的組件介紹。
官網地址

github地址

安裝:

npm install vue-swipe

安裝完成之后,我沒有在main.js中注冊它,而是在使用頁面注冊的。因為通常來說輪播圖只會在一個應用的首頁展示,所以就沒必要在全局注冊它,只用在index.vue頁面注冊使用一下就可以了。

如何使用:

//html


    1
    2
    3
//js

//頂部引用
import { Swipe, SwipeItem } from "vue-swipe"
import "vue-swipe/dist/vue-swipe.css";

//注冊局部組建
components: {
    Swipe,SwipeItem
}
//css

.carousel-figure {
    height: 150px;   //必須得給個高度,不然高度是0,啥都不顯示
    .slide1 {
        background-color: blue;    
    }
    .slide2 {
        background-color: gold;
    }
    .slide3 {
        background-color: green;
    }
}

注意:其實首頁輪播圖我更經常用循環的方式寫出來,這是項目中的代碼:

//循環的時候必須綁定key,否則會出錯

    
        
    

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

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

相關文章

  • 解決使用 swiper 常見問題

    摘要:圖片延遲加載需要將圖片標簽的改寫成,并且增加類名。取消拖動最后一頁或者第一頁時的留白狀態抵抗率。邊緣抵抗力的大小比例??蓱糜诜猪撈鳎粹o和滾動條。點擊查看的文檔 使用 swiper 的過程中個人總結 1. swiper插件使用方法, 直接查看文檔 swiper基礎演示 swiper API文檔 2.swiper近視初始化時, 其父級元素處于隱藏狀態(display:none),會...

    王偉廷 評論0 收藏0
  • 移動端 - 局部滾動

    摘要:對話內容超過一屏,使對話內容上移,當然是改變父元素的值啦用戶可以上下滑動對話框,就類似于滾動條效果,設置父元素高度并且,子元素高度即可。遇到問題局部滾動效果,以上想法設置父元素高度并且在端可以正?;瑒樱谝苿佣耸?。 起因 我司最近在做一個H5,有一個模擬微信對話框的需求,具體需求如下。 對話內容固定,但需要一句一句顯示 對話內容超過一屏后,需要使對話內容上移 對話內容結束后,用戶...

    xiongzenghui 評論0 收藏0
  • Swiper插件讀后感

    摘要:今天,我無意中看到這樣一個東西,它叫做,這是一個開源免費的適用于各種移動端的觸摸滑動插件。同時導航欄也是可以手動滑動的,當用戶手動滑動導航欄,點擊某一個板塊時,下面的內容部分會隨即滑到相應的內容塊。 今天,我無意中看到這樣一個東西,它叫做Swiper,這是一個開源免費的適用于各種移動端的觸摸滑動插件??戳艘槐槲臋n,發現并不是很難,于是打算動手自己寫一個Swiper官網上的稍復雜點的小d...

    CODING 評論0 收藏0
  • vue-awesome-swiper滑塊插件使用基礎

    摘要:前言目前在使用建立的版項目中,直接引入官方的文件會導致報錯,所以需要用到版本的。安裝版配置使用可參考插入滑塊組件與官方相同,額外的控制器依然可以放到整個滑塊之外。 前言 目前(2017-07-11)在使用vue-cli建立的webpack版項目中,直接引入官方的swiper文件會導致報錯,所以需要用到vue版本的swiper。 webpack-simple版可直接引入官方swiper文...

    microelec 評論0 收藏0
  • swiper 劃不動問題

    摘要:是目前較為流行的移動端觸摸滑動插件,因為其簡單好用易上手,受到很多前端開發者的歡迎。而數據在初始化之后才異步請求到,則無法正確有多少個實際上找到一個待循環模板,所以劃不動。找到原因后,只須對癥下藥。兩者默認值都為。 Swiper是目前較為流行的移動端觸摸滑動插件,因為其簡單好用易上手,受到很多前端開發者的歡迎。今天在使用Swiper的時候遇到這個問題: 使用模板引擎動態生成swiper...

    eechen 評論0 收藏0

發表評論

0條評論

MyFaith

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<