更新记录

1.0.11(2024-04-19)

bug调整

1.0.10(2024-04-19)

微调

1.0.9(2024-04-19)

去掉默认值0

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.6.11 app-vue × × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × × ×

tf-money-input

  1. 组件作用
    • 带有格式化金额的输入框,输入金额,输入框下方显示金额的汉字大写或者金额千分符形式
    • 金额,价格格式化显示,阿拉伯数字金额转为人民币大写
  2. 组件引用例子
<template>
    <view>
       <TfMoneyInput 
        :value="test" 
        :showUnit='false' 
        thousandth 
        :rmb='true' 
        :size="20"
        color="#085699"
        @input="onInput" 
        >
        </TfMoneyInput>
    </view>
</template>

<script>
    import TfMoneyInput from '../../uni_modules/tf-money-input/components/tf-money-input/tf-money-input.vue'
    export default {
        components:{
            TfMoneyInput
        }
    }
</script>

<style>
</style>
  1. 组件属性说明
属性名 类型 默认值 说明
value Number 0 输入框绑定的值
disabledInput Boolean false 输入框是否禁用
inputAlign String right 输入框文字对齐方式,有效值:left / center / right
placeholder String 请输入 输入框placeholder显示值
showInput Boolean true 输入框是否显示
padding String 0 输入框下方格式化组件内边框
margin Number 0 输入框下方格式化组件外边框
size Number 28 输入框下方格式化组件主文字大小,单位rpx
color String #eeeeee 输入框下方格式化组件字体颜色
unit String 输入框下方格式化组件金额单位
showUnit Boolean true 输入框下方格式化组件是否显示金额单位
unitPosition String left 输入框下方格式化组件单位显示位置,showUnit为true是有效,有效值:left/right,right时¥自动转为元
showZeroDecimal Boolean true 输入框下方格式化组件金额小数位零时是否显示
thousandth Boolean false 输入框下方格式化组件是否显示千分位
original Boolean false 输入框下方格式化组件是否显示删除线
rmb Boolean false 输入框下方格式化组件是否转换为人民币大写
moneyAlign String left 输入框下方格式化组件文字排列方式,有效值:left/right/center

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问