更新记录

2.0.1（2023-06-22） 下载此版本

组件优化

2.0.0（2023-06-20） 下载此版本

组件优化

1.0（2023-05-21） 下载此版本

初始化

平台兼容性

uni-app

其他

cc-BottomToolBar

使用方法

<!-- isCollect：是否收藏  @collectClick：收藏事件 @leftClick：左按钮事件  @rigClick：右按钮事件 -->
<cc-BottomToolBar :isCollect="collectStatus" @collectClick="goCollect" @leftClick="leftClick"
            @rigClick="rigClick"></cc-BottomToolBar>

HTML代码实现部分

<template>
    <view class="content">
        <!-- isCollect：是否收藏  @collectClick：收藏事件 @leftClick：左按钮事件  @rigClick：右按钮事件 -->
        <cc-BottomToolBar :isCollect="collectStatus" @collectClick="goCollect" @leftClick="leftClick"
            @rigClick="rigClick"></cc-BottomToolBar>
    </view>
</template>

<script>
    export default {
        components: {

        },
        data() {

            return {
                title: 'Hello',
                collectStatus: false
            }
        },

        methods: {

            goCollect() {

                this.collectStatus = !this.collectStatus;
                console.log('collectStatus = ' + this.collectStatus);
                console.log('点击收藏按钮')
            },
            leftClick() {

                console.log('点击左侧按钮')
            },
            rigClick() {
                console.log('点击右侧按钮')

            },

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
</style>