更新记录

1.0.1（2023-01-12）

添加自定义背景颜色和字体颜色

1.0.0（2022-12-29）

更新版本

平台兼容性

zyCell 单元格参数属性

cellGroup属性

zyCell 单元格事件

<template>
    <view>
        <!-- list类型 -->
        <zy-cell :cellList="cellList1"></zy-cell>
        <!-- group类型 -->
        <zy-cell :cellList="cellList2" type="group"></zy-cell>
        <!-- 点击事件 -->
        <zy-cell :cellList="cellList3" @clickHandler="clickHandler"></zy-cell>
        <!-- 更换背景色+标题显示 -->
        <zy-cell :cellList="cellList4" title="更换背景色" backgroundColor="#222" color="#fff"></zy-cell>
    </view>
</template>
<script>
    import zyCell from '@/uni_modules/zy-cell/components/zy-cell/zy-cell.vue'
    export default {
        components: {
            zyCell,
        },
        data() {
            return {
                cellList1: [{
                    img: require('@/static/cell/about.png'),
                    text: "关于",
                    rightImg: require('@/static/cell/right.png'),
                }, {
                    iconfont: 'caret-set',
                    text: "设置",
                    url: "./set/index", //跳转页面
                }, {
                    iconfont: 'version',
                    text: "版本",
                    rightText: "1.0.1", //自定义右侧文本
                }, {
                    iconfont: 'location',
                    text: "定位",
                    rightText: "中国，江苏", //自定义右侧文本   
                }],
                cellList2: [{
                    iconfont: 'thumbs-up',
                    text: "点赞"
                }, {
                    iconfont: 'warning-outline',
                    text: "警告"
                }],
                cellList3: [{
                    iconfont: 'star',
                    text: "收藏",
                    iconColor: "#ff0000",
                    iconSize: "36"
                }],
                cellList4: [{
                    iconfont: 'magnifier',
                    text: "查询",
                    rightIconSize: "40"
                }],
            }
        },
        mounted() {},
        methods: {
            clickHandler(e) {
                if (e.index == 0) {
                    uni.showToast({
                        title: "收藏成功",
                        duration: 2000,
                        icon: 'none'
                    });
                }
            },
        }
    }
</script>

<style lang="scss">
    /* 页面背景色 */
    page {
        background-color: #f5f5f5;
    }
</style>

如使到图标，请至下载zy-icon配套使用

如使用过程中有任何问题，或者您有一些好的建议，欢迎联系QQ：2360273432