@swiper.js / 博客 RSS 訂閱

Nov 09 2022

悠悠江水 - swiper 庫在 vue 中的使用

Time:2022-11-08 21:47:20 Author:Gavin Step Fitst: 執行npm i -S swiper@5,添加 swiper 庫，因為 6 可能有 bug,所以用 5 引包（css）,在main.js中加入import "swiper/css/swiper.min.css"; Second: 書寫 template 中 DOM 結構 di

vue.js , swiper.js

收藏 評論

Oct 05 2022

碼廚 - vue3中使用swiper8

最新swiper使用記錄 swiper中文API swiper英文版API 建議看此API "vue": "^3.2.37" "swiper": "8.3.2" 安裝 npm i swiper 在組件中導入swiper import { Swiper, SwiperSlide } from "swiper/vue"; // 這是分頁器和對應方法，swiper好像在

vue.js , swiper.js , Javascript

收藏 評論

Apr 22 2024

zyronon - 不到200行用Vue實現類似Swiper.js的輪播組件

前言 大家在開發過程中，或多或少都會用到輪播圖之類的組件，PC和Mobile上使用 Swiper.js ，小程序上使用swiper組件等。 本文將詳細講解如何用Vue一步步實現的類似Swiper.js的功能，無任何第三方依賴，乾貨滿滿。 最終效果 在線預覽：https://zyronon.github.io/douyin/ 項目源代碼：https://github.com/zyronon/douy

vue.js , swiper.js , 手寫組件 , 前端

收藏 評論

Nov 05 2025

米花兒團兒 - 使用Flexible & swiper進行移動Web開發

移動端適配方案flexible.js 出發點 事故的開始總是有原因的，那思考一下，為什麼使用Flexible? [ ] 為了rem佈局？ 為什麼要rem佈局 —— 高度還原 [ ] 移動端適配? 為什麼移動端適配要用Flexible —— 同等佔比 [ ] 什麼是移動端適配？ 最初點是設計圖的高度還原！！！ 以750*1334設計稿(iPhone6)為準，期望每一個設計元件在iPho

vue.js , mobile , 移動端web , swiper.js , h5頁面

收藏 評論