更新记录

1.0.1（2024-02-23） 下载此版本

新加属性

1.0.0（2024-02-23） 下载此版本

通用组件，小程序基本都使用

平台兼容性

数字输入框-更多的自定义配置

使用示例：

import numberBox from '@/components/pysh-number-box/pysh-number-box.vue'

<view class="number-one">
    <view class="number-label">基础样式</view>
    <numberBox></numberBox>
</view>

<view class="number-one">
    <view class="number-label">符号不加粗</view>
    <numberBox :isFontWeight="isFontWeight"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">设置border-radius</view>
    <numberBox :borderRadius="borderRadius"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">数字颜色</view>
    <numberBox :color="color" :colorTxt="colorTxt"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">边框颜色</view>
    <numberBox :color="color"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">数字大小</view>
    <numberBox :numberSize="numberSize"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">内部边框隐藏</view>
    <numberBox :borderShow="borderShow"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">input宽度</view>
    <numberBox :width="width"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">组件高度</view>
    <numberBox @change="changeNumber" ref="numberBox" :numberHeight="numberHeight" borderRadius="16"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">设置默认</view>
    <numberBox value="10" ></numberBox>
</view>

<view class="number-one">
    <view class="number-label">设置步长</view>
    <numberBox step="2" ></numberBox>
</view>

<view class="number-one">
    <view class="number-label">设置数字范围</view>
    <numberBox min="0" value="500" max="1000"></numberBox>
</view>

<view class="number-one">
    <view class="number-label">禁用状态</view>
    <numberBox disabled="disabled"></numberBox>
</view>

width:60,
numberHeight:32,
borderShow:false,
disabled:true,
isFontWeight:false,
borderRadius:4,
numberSize:16,
color:'#3488ff',
colorTxt:'#3488ff',

<numberBox @change="changeNumber" ref="numberBox" :numberHeight="numberHeight" borderRadius="16">

数字改变事件 changeNumber(e){ console.info('e',e) }

获取组件数字 let value = this.$refs.numberBox.getValue();