更新记录

1.1（2024-10-03） 下载此版本

组件优化

1.0.0（2023-06-21） 下载此版本

组件初始化

平台兼容性

cc-numbox

我的技术公众号(私信可加前端技术交流群)

群内气氛颇为不错，应该可能算为数不多专门进行技术交流的前端群，同时也涵盖后端技术产品交流，偶尔成员们会聊天摸鱼。

使用方法

<!-- title: 标题  isSetMax: 是否设置最大值  maxNum: 最大值-->
<cc-numbox title="商品数量(设置最大值)" :isSetMax="true" maxNum="20" 

HTML代码实现部分

<template>
    <view class="content">

        <view style="height: 20px;"></view>
        <!-- title: 标题  isSetMax: 是否设置最大值  maxNum: 最大值-->
        <cc-numbox title="基本用法" @change="numChangeClick"></cc-numbox>

        <view style="height: 20px;"></view>
        <!-- title: 标题  isSetMax: 是否设置最大值  maxNum: 最大值-->
        <cc-numbox title="商品数量(设置最大值)" :isSetMax="true" maxNum="20" @change="numChangeClick"></cc-numbox>

    </view>
</template>

<script>
    export default {
        components: {

        },
        data() {
            return {

            }
        },
        methods: {

            numChangeClick(num) {

                console.log("当前数量 = " + num);

            }
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;

    }
</style>