查看: 1654|回复: 2
打印 上一主题 下一主题

SWIPER4直接在VUE项目中引用

[复制链接]
  • TA的每日心情
    开心
    2019-3-12 22:17
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    1

    主题

    9

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    跳转到指定楼层
    楼主
    发表于 2019-2-25 15:35:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover" />
        <title>首页</title>
        <link rel="stylesheet" href="static/swiper.min.css">
        <script src="static/swiper.min.js"></script>
        <script type="text/javascript">
    。。。。


    <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" v-for="(img,index) in filePath" :key="index">
                                        <img :src="img" height="auto" width="100%" alt="">
                                        <div class="pageNum">{{index+1}}/{{filePath.length}}</div>
                                    </div>
                                </div>
                            </div>





    。。。。。


    var mySwiper = new Swiper('.swiper-container', {
                  autoHeight: true, //enable auto height
                  spaceBetween: 20,
                  autoplay:false
              });

    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2019-3-12 22:17
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    1

    主题

    9

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    沙发
     楼主| 发表于 2019-2-25 15:35:52 | 只看该作者
    可以不用 cnpm install swiper就可以了
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    开心
    2019-3-12 22:17
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    1

    主题

    9

    帖子

    33

    积分

    新手上路

    Rank: 1

    积分
    33
    板凳
     楼主| 发表于 2019-2-26 17:42:19 | 只看该作者
    暂暂暂暂暂暂暂暂暂暂暂暂暂
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-22 18:14 , Processed in 0.059992 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表