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

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

 

实用方法一： 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;
          }

亲测好用 加油哦！ 奥利给