【组件】身份证卡片

效果展示

组件代码

    
    

        

            

                {{ item2.label }}：
                {{ itemInfo[item2.prop] }}
            
            

                {{ item2.label }}：
                {{ itemInfo[item2.prop] }}
            
            

                {{ item2.label }}：
                {{ itemInfo[item2.prop] }}
                {{ item2.label2 }}：
                    {{ itemInfo[item2.prop2] }}
            
            

                {{ item2.label }}：
                {{ itemInfo[item2.prop] }}
            
        
    
    
身份未识别

模拟数据

let cardOne={
    psnPicUrl:"",
    psnCertNoTypeRender:"身份证",
    psnCertNoRender:"99999999999999999",
    psnName:"**",
    psnCertNo:"99999999999999999",
    psnGendName:"男",
    psnNatyName:"汉族",
    cardNo:"9999999",
    addr: "河北省石家庄市桥西区红旗大街123号",
    noInfo:"1"
}

配置参数

【配置】
confInfo2: [
    { type: 1, label: "姓名", prop: "psnName", maxWidth:"100px" },
    { type: 2, label: "号码", prop: "psnCertNo" },
    { type: 3, label: "性别", prop: "psnGendName", label2: "民族", prop2: "psnNatyName"},
    { type: 4, label: "地址", prop: "addr" },
],

样式代码