list-item.vue 472 B

1234567891011121314151617181920212223242526272829
  1. <template>
  2. <view class="bg-white my-1 p-2 flex align-center">
  3. <view class="flex-1 pr-1">
  4. <slot></slot>
  5. </view>
  6. <view class="flex-shrink" v-if="showDelete">
  7. <button type="warn" plain @tap='onDeleteItem' size="mini">删除</button>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. export default {
  13. props:{
  14. showDelete:{
  15. type:Boolean,
  16. default:true,
  17. }
  18. },
  19. methods:{
  20. onDeleteItem () {
  21. this.$emit('delete')
  22. }
  23. }
  24. }
  25. </script>
  26. <style>
  27. </style>