<template>
  <view
    class="cu-list"
    :class="[card ? 'card-menu margin-tb' : '', message ? 'menu-avatar' : 'menu', className]"
    :style="style"
  >
    <slot></slot>
    <view v-if="empty" class="padding text-gray text-center">{{ emptyTips }}</view>
    <view v-if="!empty && nomore" class="padding text-gray text-center">{{ nomoreTips }}</view>
  </view>
</template>

<script>
export default {
  name: 'l-list',

  props: {
    card: {},
    message: {},
    empty: {},
    emptyTips: { default: '列表为空' },
    nomore: { default: false },
    nomoreTips: { default: '没有更多了' }
  }
}
</script>
