# myContent内容

提示

myContent是内容显示组件,可以显示一些文字列表

# 基本使用


<template>
  <view>
    <myCard display="flex" col>
      <myContent title="标题1" content="内容"></myContent>
      <myContent title="标题2" :list="[{title:'标题1'},{title:'标题2'}]"></myContent>
      <myContent title="标题3" :list="[{title:'标题1',unit:'个'},{title:'标题2'}]" showEdit showDel @edit="edit"
                 @del="del"></myContent>
    </myCard>
  </view>
</template>
<script>
  export default {
    methods: {
      edit(item, index) {
        console.log('编辑', item, index)
      },
      del(item, index) {
        console.log('删除', item, index);
      },
    }
  }
</script>

# Props属性

参数 说明 类型 默认值
title 标题 String ''
titleSize 标题大小 Number\String '32'
showTitle 是否显示标题 Boolean true
content 内容 String ''
marginTop 距离顶部 Number\String '32'
showDot 显示文字前面的点 Boolean true
showDel 显示删除按钮 Boolean false
showEdit 显示编辑按钮 Boolean false
list 列表 Array []

# Event事件

事件名 说明 回调参数
edit 点击编辑时触发
del 点击删除时触发