更新记录

2.0.0（2023-07-16）

组件优化

1.0.0（2023-07-16）

组件初始化

平台兼容性

cc-wxBtn

使用方法

<!-- mySrc:图片地址 title：标题 @menuClick：按钮点击 -->
<cc-wxBtn mySrc="../../static/image/member-menu4.png" title="我的余额" @menuClick="menuClick" ></cc-wxBtn>

// 按钮点击事件           
menuClick(name) {

   uni.showModal({
        title:'点击菜单',
        content:'点击菜单名称 = ' + name
    })
},                  

HTML代码实现部分

<template>
    <view class="content">

        <!-- mySrc:图片地址 title：标题 @menuClick：按钮点击 -->
        <cc-wxBtn mySrc="../../static/image/member-menu4.png" title="我的余额" @menuClick="menuClick" ></cc-wxBtn>
        <!-- mySrc:图片地址 title：标题 @menuClick：按钮点击 -->
        <cc-wxBtn mySrc="../../static/image/member-menu2.png" title="在线客服" @menuClick="menuClick" ></cc-wxBtn>
        <!-- mySrc:图片地址 title：标题 @menuClick：按钮点击 -->
        <cc-wxBtn mySrc="../../static/image/member-menu3.png" title="邀请有礼" @menuClick="menuClick" ></cc-wxBtn>
        <!-- mySrc:图片地址 title：标题 @menuClick：按钮点击 -->
        <cc-wxBtn mySrc="../../static/image/member-menu5.png" title="关于我们" @menuClick="menuClick" ></cc-wxBtn>

    </view>
</template>

<script>
    export default {

        data() {
            return {

            }
        },

        methods: {

            menuClick(name) {

                uni.showModal({
                    title:'点击菜单',
                    content:'点击菜单名称 = ' + name
                })
            },

        }
    }
</script>

<style>
    page {

        background-color: white;
        margin-bottom: 50px;
    }

</style>