• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
技术杨的博客园
希望每一次的努力都能得到自己想要的
博客园    首页    新随笔    联系   管理    订阅  订阅

Vue H5 Swiper 动画

简介及使用教程

Vue H5 Swiper是一个H5移动滑块组件,适用于H5应用程序,轻量。

安装

Npm

npm i vue-h5-swiper

Yarn

yarn add vue-h5-swiper

使用

引入

import { Swiper, SwiperItem } from 'vue-h5-swiper';

注册

export default {
  components: {
    Swiper,
    SwiperItem
  }
};

html代码

 <swiper>
    <swiper-item>
      ...
      Content Slot
      ...
    </swiper-item>
  </swiper>

 

示例

hero.gif

posted @ 2023-09-13 18:07  技术杨  阅读(98)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3