front/uni_modules/uview-next/components/u-read-more/props.js

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

export default defineProps('readMore', {
    // 默认的显示占位高度
    showHeight: {
        type: [String, Number],
        default: 400
    },
    // 展开后是否显示"收起"按钮
    toggle: {
        type: Boolean,
        default: false
    },
    // 关闭时的提示文字
    closeText: {
        type: String,
        default: () => uni.$u.$t('uReadMore.closeText')
    },
    // 展开时的提示文字
    openText: {
        type: String,
        default: () => uni.$u.$t('uReadMore.openText')
    },
    // 提示的文字颜色
    color: {
        type: String,
        default: '#2979ff'
    },
    // 提示文字的大小
    fontSize: {
        type: [String, Number],
        default: 14
    },
    // 是否显示阴影
    // 此参数不能写在props/readMore.js中进行默认配置，因为使用了条件编译，在外部js中
    // uni无法准确识别当前是否处于nvue还是非nvue下
    shadowStyle: {
        type: Object,
        default: () => ({
            // #ifndef APP-NVUE
            backgroundImage: 'linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 80%)',
            // #endif
            // #ifdef APP-NVUE
            // nvue上不支持设置复杂的backgroundImage属性
            backgroundImage: 'linear-gradient(to top, #fff, rgba(255, 255, 255, 0.5))',
            // #endif
            paddingTop: '100px',
            marginTop: '-100px'
        })
    },
    // 段落首行缩进的字符个数
    textIndent: {
        type: String,
        default: '2em'
    },
    // open和close事件时，将此参数返回在回调参数中
    name: {
        type: [String, Number],
        default: ''
    }
})