更新记录

1.0.2（2024-12-31） 下载此版本

label添加默认值

1.0.1（2024-12-31） 下载此版本

自用上传

平台兼容性

uni-app

jc-detail-list

简介

jc-detail-list 是一个基于uni-app的详情列表组件，支持自定义列表项，支持自定义列表项样式，支持自定义列表项点击事件。 建议与card组件一起使用。

使用

<template>
    <view class="container">
        <jc-card :is-full="false" :isShadow="true" v-for="(data, index) in tableData" :key="index">
            <jc-detail-list v-for="(item, ind) in data" :key="ind" :data="item"
                :customStyle="{'--value-font-size': '16px','--value-font-color': '#606266'}"></jc-detail-list>
        </jc-card>
    </view>
</template>

<script>
export default {
    data() {
        return {
            tableData: [
                [
                    {
                        label: '登录账号',
                        value: 'admin'
                    },
                    {
                        label: '姓名',
                        value: 'admin'
                    },
                    {
                        label: '性别',
                        value: '男',
                    }
                ],
                [
                    {
                        label: '查看完整个人信息',
                        hideValue: true,
                        link: true,
                        to: '/pages/moreInfo/moreInfo',
                        showArrow: true
                    }
                ],
                [
                    {
                        label: '关于app',
                        value: `版本1.0.0`,
                        link: true,
                        to: '/pages/about/about',
                        showArrow: true
                    }
                ]
            ]
        }
    }
}
</script>

属性