轮播图显示有点问题

---------------------------------------------------------------------------------

Index.html

<!--顶部轮播-->
<div class="swiper-container swiper-banner">
 <div class="swiper-wrapper">
     {% for slider in slider_list %}
     <div class="swiper-slide">
         <a href="{{ slider.target_url }}">
             <img src="{{ slider.img }}"/>
     </a>
   </div>
     {% endfor %}
 </div>
 <div class="swiper-pagination"></div>
</div>

--------------------------------------------------------------------------------------------

view.py

def index(request):
   slider_list = Slider.objects.filter(type=constants.SLIDER_TYPE_INDEX)
   return  render(request,'index.html',{
       'slider_list': slider_list
   })

--------------------------------------------------------------------------------------------

------------------------------------------------------------------------------------------------------------