• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

前端list 循环列表 特别使用的 样式

开发技术 开发技术 4小时前 1次浏览

业务如图:一个公告列表。默认第一个没有 margin 或者paddIng  

前端list 循环列表 特别使用的 样式

 

实用方法一: for循环加 除了第0项 不添加,其余都添加

     <div
                class="item"
                v-for="(item,index) in shareHoldersArray"
                :key="index"
                :style="{marginTop:index !== 0 ? '10px':''}"
              >

实用方法二: item 里面 css样式修改

   .item {
          background: #fff;
          padding: 14px 12px;
          position: relative;
          margin-top: 10px;

          &:first-child {
            margin-top: 0;
          }

亲测好用 加油哦! 奥利给

 


程序员灯塔
转载请注明原文链接:前端list 循环列表 特别使用的 样式
喜欢 (0)