更新记录
1.0.0(2026-01-08)
下载此版本
master
平台兼容性
uni-app(4.45)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| √ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
| √ |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
安装
在市场导入xf-fm-num-rangeuni_modules版本的即可,无需import
组件关联说明
代码演示
基本用法
<template>
<view style="background-color: gray">
<xf-fm-num-range title="字段标题" v-model:startValue="startValue" v-model:endValue="endValue"></xf-fm-num-range>
<xf-fm-num-range bottomTip="sfsdfsd" title="字段标题字段标题字段标题字段标题字段标题字段标题字段标题" required tip="提示" unit="个" v-model:startValue="startValue" v-model:endValue="endValue"></xf-fm-num-range>
</view>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const startValue = ref("")
const endValue = ref("")
</script>
<style lang="scss">
</style>
API
Props
| 属性名 |
说明 |
类型 |
默认值 |
| v-model:startValue |
当前输入的开始值 |
string |
- |
| v-model:endValue |
当前输入的结束值 |
string |
- |
| customClass |
自定义class,小程序css样式建议用customStyle |
string |
- |
| customStyle |
自定义customStyle |
object|string |
- |
| title |
标题 |
string |
- |
| unit |
数值单位 |
string |
- |
| labelWidth |
标题宽度 |
object|string |
- |
| tip |
提示语 |
string |
- |
| bottomTip |
副标题(标题解释) |
string |
- |
| required |
*是否必填 |
boolean |
false |
| inputType |
输入类型 |
stringdecimal|integer |
'decimal' |
| decimalNumber |
小数点位数 |
number |
3 |
事件 Emits