123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- import { defineMixin } from '../../libs/vue'
- import defProps from '../../libs/config/props.js'
- export const props = defineMixin({
- props: {
- // 标题
- title: {
- type: [String, Number],
- default: () => defProps.cell.title
- },
- // 标题下方的描述信息
- label: {
- type: [String, Number],
- default: () => defProps.cell.label
- },
- // 右侧的内容
- value: {
- type: [String, Number],
- default: () => defProps.cell.value
- },
- // 左侧图标名称,或者图片链接(本地文件建议使用绝对地址)
- icon: {
- type: String,
- default: () => defProps.cell.icon
- },
- // 是否禁用cell
- disabled: {
- type: Boolean,
- default: () => defProps.cell.disabled
- },
- // 是否显示下边框
- border: {
- type: Boolean,
- default: () => defProps.cell.border
- },
- // 内容是否垂直居中(主要是针对右侧的value部分)
- center: {
- type: Boolean,
- default: () => defProps.cell.center
- },
- // 点击后跳转的URL地址
- url: {
- type: String,
- default: () => defProps.cell.url
- },
- // 链接跳转的方式,内部使用的是uView封装的route方法,可能会进行拦截操作
- linkType: {
- type: String,
- default: () => defProps.cell.linkType
- },
- // 是否开启点击反馈(表现为点击时加上灰色背景)
- clickable: {
- type: Boolean,
- default: () => defProps.cell.clickable
- },
- // 是否展示右侧箭头并开启点击反馈
- isLink: {
- type: Boolean,
- default: () => defProps.cell.isLink
- },
- // 是否显示表单状态下的必填星号(此组件可能会内嵌入input组件)
- required: {
- type: Boolean,
- default: () => defProps.cell.required
- },
- // 右侧的图标箭头
- rightIcon: {
- type: String,
- default: () => defProps.cell.rightIcon
- },
- // 右侧箭头的方向,可选值为:left,up,down
- arrowDirection: {
- type: String,
- default: () => defProps.cell.arrowDirection
- },
- // 左侧图标样式
- iconStyle: {
- type: [Object, String],
- default: () => {
- return defProps.cell.iconStyle
- }
- },
- // 右侧箭头图标的样式
- rightIconStyle: {
- type: [Object, String],
- default: () => {
- return defProps.cell.rightIconStyle
- }
- },
- // 标题的样式
- titleStyle: {
- type: [Object, String],
- default: () => {
- return defProps.cell.titleStyle
- }
- },
- // 单位元的大小,可选值为large
- size: {
- type: String,
- default: () => defProps.cell.size
- },
- // 点击cell是否阻止事件传播
- stop: {
- type: Boolean,
- default: () => defProps.cell.stop
- },
- // 标识符,cell被点击时返回
- name: {
- type: [Number, String],
- default: () => defProps.cell.name
- }
- }
- })
|