更新记录

1.0.2（2024-05-10） 下载此版本

样式调整

1.0.1（2024-04-16） 下载此版本

按钮样式微调

1.0.0（2024-04-16） 下载此版本

通用按钮

平台兼容性

tf-button

tf-menu

1. 组件作用
   • uniapp小程序按钮通用组件
2. 组件引用例子

<template>
    <view class="content">
        <TfButton
        text="取消" 
        @click="btn"
        >
        </TfButton>
        <TfButton 
        type='primary'
        text="确认" 
        @click="btn"
        >
        </TfButton>
    </view>
</template>

<script>
    import TfButton from '../../uni_modules/tf-button/components/tf-button/tf-button.vue'
    export default {
        components:{
            TfButton
        },
        data() {
            return {
            }
        },
        onLoad() {

        },
        methods: {
            btn(){
                console.log('触发了点击')
            }
        }
    }
</script>

<style scoped>
    .content{
        display: flex;
    }
</style>

3. 组件属性说明

3. 组件方法说明