press-ui/press-text/props.js

简单、易用的跨端组件库，兼容 Vue2 和 Vue3，同时支持 uni-app和普通 Vue 项目

export default {
  props: {
    customStyle: {
      type: [String, Object],
      default: '',
    },
    // 主题颜色
    type: {
      type: String,
      default: '',
    },
    // 是否显示
    show: {
      type: Boolean,
      default: true,
    },
    // 显示的值
    text: {
      type: [String, Number],
      default: '',
    },
    // 前置图标
    prefixIcon: {
      type: String,
      default: '',
    },
    // 后置图标
    suffixIcon: {
      type: String,
      default: '',
    },
    // 文本处理的匹配模式
    // text-普通文本，price-价格，phone-手机号，name-姓名，date-日期，link-超链接
    mode: {
      type: String,
      default: '',
    },
    // mode=link下，配置的链接
    href: {
      type: String,
      default: '',
    },
    // 格式化规则
    format: {
      type: [String, Function],
      default: '',
    },
    // mode=phone时，点击文本是否拨打电话
    call: {
      type: Boolean,
      default: false,
    },
    // 小程序的打开方式
    openType: {
      type: String,
      default: '',
    },
    // 是否粗体，默认normal
    bold: {
      type: Boolean,
      default: false,
    },
    // 是否块状
    block: {
      type: Boolean,
      default: false,
    },
    // 文本显示的行数，如果设置，超出此行数，将会显示省略号
    lines: {
      type: [String, Number],
      default: '',
    },
    // 文本颜色
    color: {
      type: String,
      default: '#303133',
    },
    // 字体大小
    size: {
      type: [String, Number],
      default: 15,
    },
    // 图标的样式
    iconStyle: {
      type: [Object, String],
      default: '',
    },
    // 文字装饰，下划线，中划线等，可选值 none|underline|line-through
    decoration: {
      type: String,
      default: 'none',
    },
    // 外边距，对象、字符串，数值形式均可
    margin: {
      type: [Object, String, Number],
      default: 0,
    },
    // 文本行高
    lineHeight: {
      type: [String, Number],
      default: '',
    },
    // 文本对齐方式，可选值left|center|right
    align: {
      type: String,
      default: 'left',
    },
    // 文字换行，可选值break-word|normal|anywhere
    wordWrap: {
      type: String,
      default: 'normal',
    },
  },
};