@lanmingyan [img]https://s1.ax1x.com/2018/09/02/PxwHk8.gif[/img]

@lanmingyan 还是这个样子，我在想会不会因为用的是 scss 的原因，HTML 中的 css 样式对 HTML 无效，我单独创建了这个的 scss 文件，npm run bulid-assets，还是三张图一起出现，这次的格式还是乱的，但是三张同时进出的状态丝毫没有改变 []( https://imgchr.com/i/PxwHk8)

@rabbbit 我是后端的，前端自己不太会写，想着借助插件会快一点，谢谢你啦

@lanmingyan 嗨，我刚刚试了加上 overflow-x:hidden;，还是不行，我这个三个轮播的图像时正常连续排在页面上的，三张图一起逐行出现，又一起消失，是不是不是溢出的问题？真是要疯了😂

@zjfeng 设置了的哦，如下
.swiper-container {
width: 100%;
height: 100%;
}

@Hilong 嗨，因为我循环的对象是来自后端传来的 for 循环里的数据，放在 codepen 也看不到效果，https://codepen.io/elsa-gong/pen/mGRmPN 然后 swiper 初始化 js 代码和 css 代码我是全部放在 home.html 文件里的，只有 home.scss 是独立的文件.......

@Jiyunz 我的图片是加载出来了，但是本来是轮播三个图片，在同一时间时间一起被加载出来，那些图片是独立的对象，可以分别被点击，可以请你远程帮忙看看吗？我已经愁的开始焦虑我的头发了。。。。

@xusongfu5050 我知道 vue 可以用 v-for，我现在用的是 swiper，不是 vue-awesome-swiper，不是 vue.........所以不能用 v-for。

@paloalto 我前后端没有分离.....

@paloalto 前端用的 jquery，bootstrap，scss，不是 mako 哦，还是感谢你

@shaojz2005 后端的数据我确定是准确无误的，就是 swiper 中的 swiper-slide 如何在 for 循环中运用，难倒我了

嗨，渲染后的 html，我删除了部分，只留了 swiper 的部分，在这个链接里 https://pastebin.com/U8SLANEX 我确定引用了 swiper 的 js 文件，我先去搜搜什么是最小可用法和二分法，前端真的比后端难啊😂

@lieqishi 我有加这一行哦 <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.0.2/js/swiper.min.js"></script>，真的引用了，我感觉是我那一坨 swiper-slide 没放对地方，无论怎么改，就是不轮播😂

@leemove 还是感谢你的回复🌹

@channg 后端渲染？😂你在逗我吗？我后端的数据已经准确无误了

@crs0910 感谢回复，vue 我只会用前后端分离的😂普通页面不知道咋用。。。我是 Python 后端狗，后端数据已经准确无误了，HTML 里遍历数据不用 swiper 时也没有问题，用 swiper 就不知道为啥页面上的轮播图无效，还是我之前的那种图片列表，我把 HTML 文件贴在 pastebin 链接里了，求大神指点迷津，https://pastebin.com/pMEgymrK