使用纯css实现的弹性卡片组件
npm install dynamic-card
例如:
根据一下数据格式为其添加属性,为添加则表示使用默认:
卡片的宽: width: {type: Number, default: 370}
卡片的高: height:{
type: Number,
default: 430
},
卡片中的图片链接:imgSrc: {
type: String,
default: 'https://hbimg.huabanimg.com/1ccac3a5bdc74168e8b91d886a12be75471e82ce40b19-MoLdbk_fw658'
},
卡片内容中的大标题title:{
type: String,
default: '越努力,越幸运!'
},
卡片内容中的小标题 subtitle:{
type: String,
default: 'QHMILK'
},
卡片内容中的文本: desc:{
type: String,
default: '正文的详细内容描述,越努力,越幸运,机不可失,失不再来。正文的详细内容描述,越努力,越幸运,机不可失,失不再来'
},
尾部文字: footer_text:{
type: String,
default: '此组件由QHMILK设计'
},
尾部链接: footer_link:{
type:String,
default: '#'
}