在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

vue.js swiper最简单的例子跑不同

swiper的最简单例子跑不通,所有slide都堆在一起了,这个问题困扰我很久了,查网上发现并没有少写什么啊,求明眼人提示一下,多谢。
效果图:

代码:                              最新上架
        
                  Slide 1          Slide 2          Slide 3          Slide 4          Slide 5          Slide 6          Slide 7          Slide 8          Slide 9          Slide 10         
         
  

  .lasted-books {    margin-top: 50px;    .content {      .lasted-list {        background: #fff;        margin-top: 10px;        box-shadow: 0 0 10px #DDD;        .list-title {          height: 50px;          text-align: center;          line-height: 50px;        }        .swiper-position {          position: relative;          cursor: pointer;          .swiper-slide {            width:100%;            display: flex;            text-align:center;            font-size:28px;            justify-content:center;            align-items:center;            background:#F2F2F2;          }        }        .swiper-pagination-position {          position: absolute;          z-index: 1;          display: flex;          flex-direction: row;          justify-content: center;        }      }    }  }

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与1

最近install下来的这个vue-awesome-swiper好像没有css了 我跑之前的项目样式还能加上去 重新install样式就加不上了

使用道具 举报

发新帖
国内首家创新型IT技术需求众包服务平台,软件需求就上天盟网! 立即登录 立即注册