# myCard卡片

提示

myCard组件是uniapp中比较基础的组件.可以方便实现卡片效果,自带边距和内边距,圆角等

# 基本使用


<template>
  <view>
    <myCard display="flex" col>
      <myText text="这是标题" size="40"></myText>
      <myText text="这是内容..." size="24"></myText>
    </myCard>
  </view>
</template>

# Props属性

参数 说明 类型 默认值
col 是否竖直方向 Boolean false
position 相对位置 String ''
display 盒子模型 默认无 String ''
zIndex 层级 Number\String ''
top 顶部 Number\String ''
right 右侧 Number\String ''
bottom 下边 Number\String ''
left 左边 Number\String ''
width 默认宽度686 Number\String ''
height 默认高度 Number\String ''
borderRadius 默认圆角 Number\String '16'
padding 默认内边距 Number\String '32'
marginTop 默认距离顶部 Number\String '32'
marginRight 右边距 Number\String ''
marginBottom 底边距 Number\String ''
marginLeft 默认距离左侧 Number\String '32'
background 背景色 Number\String 'white'
justifyContent 对齐 Number\String ''
alignItems 对齐 String ''
transition 过渡 String ''
boxShadow 阴影 String ''

# Event事件

事件名 说明 回调参数
confirm 点击时触发