init
This commit is contained in:
Binary file not shown.
@@ -0,0 +1,2 @@
|
||||
xm<>Mn<4D> F<><46>#<23>E"<22><>՟<EFBFBD>c<EFBFBD>E<EFBFBD><45><EFBFBD>R.b<>$<24><11><>Q<EFBFBD><51>w<EFBFBD><77><EFBFBD><EFBFBD><EFBFBD><02><><EFBFBD>}<7D>V<EFBFBD>[xyz<79><7A>}<7D><>
|
||||
<EFBFBD><EFBFBD><EFBFBD><x.<18><>u*<2A>e<EFBFBD><03><19><>
|
||||
Binary file not shown.
@@ -0,0 +1,183 @@
|
||||
::: anchor
|
||||
:::
|
||||
|
||||
::: title 基本介绍
|
||||
:::
|
||||
|
||||
::: describe 通过鼠标或键盘,输入范围内的数值。
|
||||
:::
|
||||
|
||||
::: title 基础使用
|
||||
:::
|
||||
|
||||
::: demo 使用 `lay-input-number` 标签, 创建数字输入框
|
||||
|
||||
<template>
|
||||
<lay-input-number v-model="data1" :step="0.11"></lay-input-number>
|
||||
<lay-input-number v-model="data2" position="right"></lay-input-number>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue';
|
||||
const data1 = ref(0);
|
||||
const data2 = ref(0);
|
||||
export default {
|
||||
setup() {
|
||||
return {
|
||||
data1,
|
||||
data2,
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: title 尺寸
|
||||
:::
|
||||
|
||||
::: demo 通过 `size` 属性定义尺寸, 默认为 `md`, 可选值为 `lg` `md` `sm` `xs`。
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<div>
|
||||
<lay-input-number v-model="data3" size="lg"></lay-input-number>
|
||||
<lay-input-number v-model="data4" size="md"></lay-input-number>
|
||||
<lay-input-number v-model="data5" size="sm"></lay-input-number>
|
||||
<lay-input-number v-model="data6" size="xs"></lay-input-number>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue';
|
||||
const data3 = ref(0);
|
||||
const data4 = ref(0);
|
||||
const data5 = ref(0);
|
||||
const data6 = ref(0);
|
||||
export default {
|
||||
setup() {
|
||||
return {
|
||||
data3,
|
||||
data4,
|
||||
data5,
|
||||
data6,
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: title 限制数字大小
|
||||
:::
|
||||
|
||||
::: demo 通过 `min` 与 `max` 属性, 限制输入数字的大小。
|
||||
|
||||
<template>
|
||||
<lay-input-number v-model="data7" :min="0" :max="10"></lay-input-number>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue';
|
||||
const data7 = ref(0);
|
||||
export default {
|
||||
setup() {
|
||||
return {
|
||||
data7,
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: title 数字步数
|
||||
:::
|
||||
|
||||
::: demo 通过 `step` 属性, 设置 加 与 减 的步长。
|
||||
|
||||
<template>
|
||||
<lay-input-number v-model="data8" :step="10"></lay-input-number>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue';
|
||||
const data8 = ref(0);
|
||||
export default {
|
||||
setup() {
|
||||
return {
|
||||
data8,
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
::: title 禁用
|
||||
:::
|
||||
|
||||
::: demo 通过 `disabled-input` 与 `disabled` 属性, 禁用输入或操作。
|
||||
|
||||
<template>
|
||||
<lay-space>
|
||||
<p>禁用输入</p>
|
||||
<lay-input-number v-model="data9" disabled-input></lay-input-number>
|
||||
<p>全部禁用</p>
|
||||
<lay-input-number v-model="data10" disabled></lay-input-number>
|
||||
</lay-space>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { ref } from 'vue';
|
||||
const data9 = ref(10);
|
||||
const data10 = ref(25);
|
||||
export default {
|
||||
setup() {
|
||||
return {
|
||||
data9,
|
||||
data10
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
:::
|
||||
|
||||
|
||||
::: title Input Number 属性
|
||||
:::
|
||||
|
||||
::: table
|
||||
|
||||
| 属性 | 描述 | 类型 | 默认值 |
|
||||
| -------- | ------------- | ------ | ------ |
|
||||
| v-model | 值 | `number` | 0 |
|
||||
| name | 原生属性`name` | `number` | 5 |
|
||||
| disabledInput | 禁用输入框输入 | `boolean` | false |
|
||||
| disabled | 禁用操作 | `boolean` | false |
|
||||
| step | 数字增减的步数 | `number` | 1 |
|
||||
| position | 控制按钮显示位置, 目前除了默认值,只有`right`可填 | `string` | -- |
|
||||
| min | 最小可输入的数 | `number` | -- |
|
||||
| max | 最大可输入的数 | `number` | -- |
|
||||
| size | 尺寸, 可选值`md` / `sm` / `xs`| `string` | 默认为最大尺寸 |
|
||||
|
||||
:::
|
||||
|
||||
::: title Input Number 事件
|
||||
:::
|
||||
|
||||
::: table
|
||||
|
||||
| 属性 | 描述 | 回调参数 |
|
||||
| -------- | -------- | ------ |
|
||||
| change | 值更改触发事件 | (value: number) |
|
||||
|
||||
:::
|
||||
|
||||
::: contributor inputNumber
|
||||
:::
|
||||
|
||||
::: previousNext inputNumber
|
||||
:::
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -0,0 +1,3 @@
|
||||
export * from "./public";
|
||||
export * from "./select";
|
||||
export * from "./form";
|
||||
@@ -0,0 +1,4 @@
|
||||
x<01>T<EFBFBD>N<EFBFBD>0<10><>~<7E>H<EFBFBD><48><12><>.<2E>@<40><>'<27>$#<23>m<EFBFBD>N@<40>;c;Z<>h<EFBFBD>"K<><4B>g<EFBFBD>\<5C>Z<EFBFBD>֛?7<><37>Z>$<24><>Nٝ<4E><D99D><05><><EFBFBD>"YS<59>G-#m<><6D>wLJ+ <20>ɠ<EFBFBD><C9A0>m<1E>o<><6F><11>h<EFBFBD><68>h<EFBFBD><11><><EFBFBD><EFBFBD>C<EFBFBD>X/<2F><>±<EFBFBD><C2B1><EFBFBD>$<24>Z6<5A><36><EFBFBD><EFBFBD>Q|][_<>E۶<45>bG<11><>LWAm<41>B/j;<3B>J<EFBFBD><4A>`<60>F`lRp<52><70>x<EFBFBD><78><EFBFBD>(<28>T4<54>
|
||||
6n<EFBFBD><EFBFBD>`<60>d<EFBFBD><15><>&<26><><EFBFBD>
|
||||
|W<><57><EFBFBD><15>w<EFBFBD><77>=<3D><><01>9?<3F>2<>i<EFBFBD>}߭<><DFAD>Bt<42><74><EFBFBD><w<1E>Ը<03><><EFBFBD><1D><><EFBFBD><10>-<2D><>}N<>tN<74><19><>k<>:<3A><><EFBFBD>sLD=<3D>HQ#<23>b<EFBFBD>T*;<3B><><EFBFBD>y<EFBFBD>o.<2E><>rr2s<32><73><EFBFBD><EFBFBD>^<5E>d9<64><05><><EFBFBD>#u}d<><64><15><>z<>Z<EFBFBD>f<EFBFBD>[Ng
|
||||
rp<72><70><EFBFBD>]OEp<45><70>Mcw^<5E><><EFBFBD>><3E>$:Kh<>JUo<55><6F>K<1E><05> <06><>9yd<79><64><EFBFBD><EFBFBD>^y<>3<14><18>Ni<4E>I)4<>V<EFBFBD>1<EFBFBD><31>jM.P8I/<2F>M8<4D>-<2D><>K<EFBFBD>_<EFBFBD>"<22>m<EFBFBD>y<EFBFBD>j<EFBFBD><11>N<18><>;[v<><76><EFBFBD><EFBFBD>CS<43><53>F5++<2B>=<3D>D<EFBFBD>0<><30>^
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 195 KiB |
Binary file not shown.
Reference in New Issue
Block a user