Vue中，父组件列表引入每一个子组件元素的时候，可以在父组件的CSS文件中设置子组件的margin，可以通过样式穿透在父组件设置子组件:nth-child(2n)为0等，那么在小程序中是如何实现的呢？

父组件：
WXML

  <view class="getnotice-list">
    <t-notice-item class="getnotice-list-item" wx:for="{{getnotice}}" wx:key="index" content="{{item}}"/>
  </view>

WXSS

.getnotice{
  padding: 32rpx 40rpx;
  background: #ffffff;
  .hasMarginTitle{
    margin-bottom: 32rpx;
  }

  &-list{
    display: flex;
    flex-direction: column;
    &-item{
      margin-bottom: 16rpx;
    }

    &-item:last-child{
      margin-bottom: 0;
    }
  }
}

子组件t-notice-item：

但有一个前提，就是父组件的list要设置对于子组件布局的控制，否则不会生效

总结用法，希望可以帮助到你，
我是Ably，你无须超越谁，只要超越昨天的自己就好~