更新记录

1.0.0（2023-01-05） 下载此版本

1.0.0

平台兼容性

zyNumberBox 步进器

zyNumberBox 步进器参数属性

zyNumberBox 步进器事件

zyNumberBox 步进器使用方式

<template>
    <view class="container">
        <!-- 基础用法 -->
        <view class="line">
            <text class="line_text">基础用法：</text>
            <zy-number-box :value="100" @change="change"></zy-number-box>
        </view>
        <!-- 步长设置 -->
        <view class="line">
            <text class="line_text">步长设置：</text>
            <zy-number-box :step="2"></zy-number-box>
        </view>
        <!-- 限制输入范围 -->
        <view class="line">
            <text class="line_text">限制输入范围：</text>
            <zy-number-box :min="-2" :max="10" decimal></zy-number-box>
        </view>
        <!-- 加减号禁用 -->
        <view class="line">
            <text class="line_text">加减号禁用：</text>
            <zy-number-box disabled></zy-number-box>
        </view>
        <!-- 输入框禁用 -->
        <view class="line">
            <text class="line_text">输入框禁用：</text>
            <zy-number-box inputdisabled></zy-number-box>
        </view>
        <!-- 获取焦点 -->
        <view class="line">
            <text class="line_text">获取焦点：</text>
            <zy-number-box focus></zy-number-box>
        </view>
        <!-- input框宽度 -->
        <view class="line">
            <text class="line_text">input框宽度：</text>
            <zy-number-box :inputwidth="88"></zy-number-box>
        </view>
        <!-- 限制只可输入整数 -->
        <view class="line">
            <text class="line_text">限制只可输入整数：</text>
            <zy-number-box integer></zy-number-box>
        </view>
        <!-- 限制只支持两位小数 -->
        <view class="line">
            <text class="line_text">限制只支持两位小数：</text>
            <zy-number-box decimal></zy-number-box>
        </view>
        <!-- 自定义颜色和大小 -->
        <view class="line">
            <text class="line_text">自定义颜色和大小：</text>
            <zy-number-box color="#fff" bgcolor="#409efe" discolor="#fff" disbgcolor="#9AC9F9" size="16">
            </zy-number-box>
        </view>
    </view>
</template>

<script>
    import zyNumberBox from '@/uni_modules/zy-number-box/components/zy-number-box/zy-number-box.vue'
    export default {
        components: {
            zyNumberBox
        },
        data() {
            return {}
        },
        methods: {
            change(e) {
                console.log(e)
            },
        }
    }
</script>

<style lang="scss" scoped>
    .container {
        background-color: #ffffff;
        width: 100%;
        height: 100%;
    }

    .line {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        padding: 20rpx;
        border-bottom: 1rpx solid #f5f5f5;
    }

    .line_text {
        margin: auto 0;
    }
</style>

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