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

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

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

export default defineProps('album', {
    // 图片地址，Array<String>|Array<Object>形式
    urls: {
        type: Array,
       default: () => []
    },
    // 指定从数组的对象元素中读取哪个属性作为图片地址
    keyName: {
        type: String,
        default: ''
    },
    // 单图时，图片长边的长度
    singleSize: {
        type: [String, Number],
        default: 180
    },
    // 多图时，图片边长
    multipleSize: {
        type: [String, Number],
        default: 70
    },
    // 多图时，图片水平和垂直之间的间隔
    space: {
        type: [String, Number],
        default: 6
    },
    // 单图时，图片缩放裁剪的模式
    singleMode: {
        type: String,
        default: 'scaleToFill'
    },
    // 多图时，图片缩放裁剪的模式
    multipleMode: {
        type: String,
        default: 'aspectFill'
    },
    // 最多展示的图片数量，超出时最后一个位置将会显示剩余图片数量
    maxCount: {
        type: [String, Number],
        default: 9
    },
    // 是否可以预览图片
    previewFullImage: {
        type: Boolean,
        default: true
    },
    // 每行展示图片数量，如设置，singleSize和multipleSize将会无效
    rowCount: {
        type: [String, Number],
        default: 3
    },
    // 超出maxCount时是否显示查看更多的提示
    showMore: {
        type: Boolean,
        default: true
    }
})