<template>
  <div class="work-tips">
    <m-scroll :length="list.length" :limit="5">
      <div class="info" v-for="(item, i) in list" :key="i">
        <p>{{item.name}}</p>
        <p>{{item.tips}}</p>
      </div>
    </m-scroll>
  </div>
</template>

<script>
export default {
  name: 'WorkTips',
  data() {
    return {
      list: [
        {name: '新江湾尚景园', tips: '车辆停发管理'},
        {name: '新江湾城首府', tips: '占用公共部位'},
        {name: '雍景苑小区', tips: '垃圾分类'},
        {name: '华润新江湾九里', tips: '占用公共部位'},
        {name: '华润新江湾九里', tips: '垃圾分类'},
        {name: '新江湾九里', tips: '占用公共部位'},
      ]
    }
  },
}
</script>

<style lang="stylus" scoped>
.work-tips
  .info
    display flex
    justify-content space-between
    padding .03rem .1rem
    &:nth-child(2n)
      background rgba(10,47,89, .6)
</style>
