play-with-pc/src/components/v-image/props.ts

export default {

    /*
    *   图片地址
    *   如果为视频默认截取视频第一张， 注意 针对 跨域等问题 可根据 videoMode 最终采用 video 加载
    * */
    src:{
        type: String,
        default:''
    },

    /* 设置baseURL */
    baseURL:{
        type: String,
        default:undefined
    },

    /* 如果为视频 设置为预设置第一帧图像 */
    poster:{
        type: String,
        default:undefined
    },

    /* 直接使用video */
    video:{
      type: Boolean,
      default: false
    },

    /* 如果为视频且存在跨域是否启用视频加载第一帧 */
    videoMode:{
        type:Boolean,
        default:false
    },

    /* 立刻设置路径 */
    initialization:{
      type: Boolean,
      default: false
    },

    /*
    *   加载时的背景颜色
    * */
    backgroundColor:{
        type: String,
        default:'#eee'
    },

    /* 加载成功是否允许背景色一直存在 */
    mergeSuccessColor:{
        type: [Boolean,String],
        default: false
    },

    /* 提供默认的的图标后 是否允许使用背景色 */
    mergeDefaultColor:{
      type: [Boolean,String],
      default: true
    },

    /*
    *  默认的的图标 或者 加载失败的图标(如果不提供加载失败)
    * */
    defaultIcon:{
        type: String
    },

    /* 提供加载失败的的图标后 是否允许使用背景色 */
    mergeFailColor:{
        type: [Boolean,String],
        default: true
    },

    /*
    *  加载失败的图标
    * */
    failIcon:{
        type: String
    },

    /*
     *  预设置 图片宽度和高度
     *      设置后如果外层不指定 宽度和高度 将 自动根据适配 为 预设置宽度 高度
     * */
    preset:{
        type: Boolean,
        default: false
    },

    /*
    *  预设置 宽度
    * */
    presetWidth:{
        type: Number
    },

    /*
     *  预设置 高度
    */
    presetHeight:{
        type:Number
    },

    /* 圆角 */
    radius:{
        type: String,
        value: '0'
    },

    /*
    *   加载中的样式
    * */
    loadClass:{
        type: String
    },

    /* 一直存在的 image 控制 class */
    imageClass:{
        type: String
    },

    /*
    *   img 初始化的 样式 此时不显示 请注意 设置 必要的 初始化样式
    * */
    entryClass:{
        type: String
    },

    /*
    *   img 加载成功后的 样式 执行动作 根据 duration 是否为 真 来绝对是否一直保留
    * */
    levelClass:{
        type: String
    },

    /* 是否显示视频控件 */
    controls:{
      type: Boolean,
      default: false
    },

    /* 是否开启事件穿透 */
    pointer:{
      type:Boolean,
      default: false
    },

    /* 图片模式
    *  scaleToFill	缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素
    *  aspectFit	缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。
    *  aspectFill	缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。
    *  widthFix	缩放模式，宽度不变，高度自动变化，保持原图宽高比不变
    *  heightFix	缩放模式，高度不变，宽度自动变化，保持原图宽高比不变
    *  cover 缩放模式，保持纵横比缩放图片，可以完整地将图片显示出来。
    *  center 缩放模式 保证图片会居中显示出来
    * */
    mode:{
        type:String,
        default:'cover'
    },

    /* 默认图标 */
    defaultMode:{
        type: String
    },

    /* 失败的图标 */
    failMode:{
        type: String
    },

    /* 如果外层尺寸为 display:none 等不可见的形式 默认采用body 执行获取 */
    getSizeFailBody:{
        type: Boolean,
        default: true
    },

    /* 如果不希望通过body 获取 可以指定当前的显示状态 会根据显示的状态来设置获取 */
    display:{
        type: Boolean,
        default:undefined
    },

    /* 描边 */
    borderWidth:{
        type: Number,
        default:0
    },

    /* 描边颜色 */
    borderColor:{
        type:String,
        default:''
    }

}