更新记录

1.0.0（2024-12-26） 下载此版本

优化

平台兼容性

wangyan-uCard

多数据展示卡片，可设置每行显示做大数量，title和value可设置横向排列或纵向排列

使用说明

基本用法

<template>
    <view class="content">
        <wangyan-uCard :cardDatas="cardData"></wangyan-uCard>

        <wangyan-uCard :cardDatas="cardData" :isDirectionRow="true" :rowCount="rowCount"></wangyan-uCard>

        <wangyan-uCard :cardDatas="cardData2" :isDirectionRow="true"></wangyan-uCard>

        <wangyan-uCard :cardDatas="cardData2" :isDirectionRow="false" cardImgPos="left"></wangyan-uCard>
    </view>
</template>

<script>

    import uCard from '../../uni_modules/wangyan-uCard/components/wangyan-uCard/wangyan-uCard.vue'

    export default {
        data() {
            return {
                rowCount: 2,
                cardData: {
                    title: "测试卡片1",
                    titleTop: "测试卡片1",
                    titleBottom: "测试卡片",
                    bottomContents: [{
                        title: "设备使用量",
                        content: "1234",
                    }, {
                        title: "科室使用量",
                        content: "783",
                    }, {
                        title: "昨日收益",
                        content: "08"
                    },{
                        title: "设备使用量",
                        content: "1234",
                    }, {
                        title: "科室使用量",
                        content: "783",
                    }, {
                        title: "昨日收益",
                        content: "08"
                    },{
                        title: "设备使用量",
                        content: "1234",
                    }, {
                        title: "科室使用量",
                        content: "783",
                    }, {
                        title: "昨日收益",
                        content: "08"
                    }],
                    id: 12,
                },

                cardData2: {
                    title: "测试卡片1",
                    titleTop: "测试卡片1",
                    titleBottom: "测试卡片",
                    bottomContents: [{
                        title: "设备使用量",
                        content: "1234",
                    }, {
                        title: "科室使用量",
                        content: "783",
                    }, {
                        title: "昨日收益",
                        content: "08"
                    }],
                    itemImgUrl: '../../../../static/logo.png',
                    id: 12,
                },
            }
        },
        onLoad() {
        },
        methods: {

        }
    }
</script>