更新记录

1.2（2020-04-16）

1.增加Tag标签 2.优化不兼容微信小程序的 3.优化点赞等功能的显示

1.0（2020-03-23）

V1.0 第一次版本

平台兼容性

list-card卡片

完全使用View布局的方式修饰，组件名:list-card,代码块: card

使用方法

在需要使用的页面中引入:

import card from '@/components/list-card/list-card.vue'
export default {
    components: {card}
}`

在视图中使用

<card :cardinfo="cardinfo"></card>

属性说明

cardinfo(object)，需包含以下属性:

属性示例：

cardinfo: {
        "authImg": '图片地址', 
        "authName": "张三",
        "createTime": "2020-02-01",
        "content": " 内容",
        "goodNum": "100",
        "likeNum": "200",
        "commentNum": "500",
        "leave": 8,
        "tag":"每日随笔"
           }

完整使用示例：

<template>
    <div class="test-component">
        <card :cardinfo="cardinfo"></card>
        <card :cardinfo="cardinfo"></card>
        <card :cardinfo="cardinfo"></card>
        <card :cardinfo="cardinfo"></card>
        <card :cardinfo="cardinfo"></card>
    </div>
</template>

<script>
    import card from '@/components/list-card/list-card.vue'
    export default {
        components: {
            card
        },
        data() {
            return {
            cardinfo: {
        "authImg": ''图片地址', 
        "authName": "张三",
        "createTime": "2020-02-01",
        "content": " 内容",
        "goodNum": "100",
        "likeNum": "200",
        "commentNum": "500",
        "leave": 8,
        "tag":"每日随笔"
           }
        };
        },
        methods: {
            onClick: function(e) {
                console.log('onClick');
            }
        },
    }
</script>

<style>

</style>