<!-- interval : 自動切換時間間隔 --> <!-- duration : 滑動動畫時長 --> <!-- circular : 是否采用銜 ...

根據huangyi老師的慕課網vue項目跟着做的，下面大概記錄了下思路 1.輪播圖的圖 先不做輪播圖邏輯部分，先把數據導進來，看看什么效果。在recommend組件新建一個recommends的數組，用這個數組來接受數據的錄播圖部分。然后再輪播圖的插槽部分添加圖片，代碼如下 但是現在 ...

...

1.輪播圖組件的使用 參照官方文檔 2.在頁面上加入這個組件 3.在頁面中引去css樣式 並編寫樣式 ps:upx單位是什么 簡單來說 就相當於小程序中的rpx 是一個自適應的單位 會根據屏幕寬度自動調整 ...

，然后在指定image圖片的寬高 拓展：uni-app實現輪播圖自定義小圓點 ...

在uni-app中自帶了swiper的代碼塊，可以用來制作輪播圖 在我們輸入的時候可以時候用快捷方式創建我們的代碼塊 usw來選擇你對應的代碼塊創建 <swiper :indicator-dots="true" :autoplay="true" class="banner"> ...

<view class="page-section swiper"> <view class="page-section-spacing"> < ...

uni-app官網：https://uniapp.dcloud.io/frame?id=css%e5%8f%98%e9%87%8f ...