uview-next/components/u-card/props.js

基于uView UI 2.0，110+高质量组件库，支持vue2和vue3，支持鸿蒙，支持多语言，搭配便捷工具助力，让开发更得心应手

import { defineProps } from '../../libs/util/props';
import theme from '../../libs/config/theme.js';

export default defineProps('card', {
    // 与屏幕两侧是否留空隙
    full: {
        type: Boolean,
        default: false,
    },
    // 标题
    title: {
        type: String,
        default: '',
    },
    // 标题颜色
    titleColor: {
        type: String,
        default: theme.mainColor,
    },
    // 标题字体大小，单位rpx
    titleSize: {
        type: [Number, String],
        default: 15,
    },
    // 副标题
    subTitle: {
        type: String,
        default: '',
    },
    // 副标题颜色
    subTitleColor: {
        type: String,
        default: theme.info,
    },
    // 副标题字体大小，单位rpx
    subTitleSize: {
        type: [Number, String],
        default: 13,
    },
    // 是否显示外部边框，只对full=false时有效(卡片与边框有空隙时)
    border: {
        type: Boolean,
        default: false,
    },
    // 用于标识点击了第几个
    index: {
        type: [Number, String, Object],
        default: '',
    },
    // 用于隔开上下左右的边距，带单位的写法，如："30rpx 30rpx"，"20rpx 20rpx 30rpx 30rpx"
    margin: {
        type: String,
        default: '7px',
    },
    // card卡片的圆角
    round: {
        type: [Number, String],
        default: 8,
    },
    // 头部自定义样式，对象形式
    headStyle: {
        type: Object,
        default: () => ({}),
    },
    // 主体自定义样式，对象形式
    bodyStyle: {
        type: Object,
        default: () => ({}),
    },
    // 底部自定义样式，对象形式
    footStyle: {
        type: Object,
        default: () => ({}),
    },
    // 头部是否下边框
    headBorderBottom: {
        type: Boolean,
        default: true,
    },
    // 底部是否有上边框
    footBorderTop: {
        type: Boolean,
        default: true,
    },
    // 标题左边的缩略图
    thumb: {
        type: String,
        default: '',
    },
    // 缩略图宽高，单位rpx
    thumbWidth: {
        type: [String, Number],
        default: 30,
    },
    // 缩略图是否为圆形
    thumbCircle: {
        type: Boolean,
        default: false,
    },
    // 缩略图圆角值
    thumbRadius: {
        type: [String, Number],
        default: 3,
    },
    // 给head，body，foot的内边距
    padding: {
        type: [String, Number],
        default: 10,
    },
    // 是否显示头部
    showHead: {
        type: Boolean,
        default: true,
    },
    // 是否显示尾部
    showFoot: {
        type: Boolean,
        default: true,
    },
    // 卡片外围阴影，字符串形式
    boxShadow: {
        type: String,
        default: 'none',
    },
});