vue竖向轮播评论语句

最新推荐文章于 2024-08-09 16:07:40 发布

document_write

最新推荐文章于 2024-08-09 16:07:40 发布

阅读量629

点赞数

本文链接：https://blog.csdn.net/document_write/article/details/99226867

版权

本文介绍了如何在Vue项目中利用vue-awesome-swiper组件创建一个竖向轮播展示评论的功能，详细讲解了安装和配置过程。

摘要由CSDN通过智能技术生成

需要安装 “vue-awesome-swiper”

<template>
    <swiper :options="swiperOption"  ref="mySwiper">
      <!-- 这部分放你要渲染的那些内容 -->
      <swiper-slide >
        <div class="swiperCon">
          <div class="top">
            <img class="avatar" src="https://img.piaoniu.com/user/2012718/avatar/1532736243320.jpg/a38ac80673319ee37ad7d450fb1341a74dcfcefa.jpg" alt="">
            <div class="perName">
              <p class="name">丁丁评论</p>
              <p class="discuss">评论了<span class="comment">丁丁红馆演唱会</span></p>
            </div>
          </div>
          <div class="bottom">
            <span class="talk">丁丁太可爱啦，和我对视啦，啊啊啊啊啊啊啊</span>
          </div>
        </div>