theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨(button): 修正 button.md 文档

Browse Source
This commit is contained in:
就眠儀式 2022-11-04 02:13:03 +08:00
parent bbf0409262
commit c31f564c05
2 changed files with 18 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
package/component/src/component/inputNumber/index.vue
View File

@ -17,11 +17,11 @@ export interface InputNumberProps {
name?: string; name?: string;
disabled?: boolean; disabled?: boolean;
disabledInput?: boolean; disabledInput?: boolean;
size?: InputNumberSize;
step?: number; step?: number;
position?: "right"; position?: "right";
min?: number; min?: number;
max?: number; max?: number;
size?: InputNumberSize;
} }
const props = withDefaults(defineProps<InputNumberProps>(), { const props = withDefaults(defineProps<InputNumberProps>(), {
@ -61,8 +61,9 @@ watch(
} }
} }
); );
const tempValue = ref(0);
let timer: any = 0; let timer: any = 0;
const tempValue: Ref<number> = ref(0);
const minControl = computed(() => { const minControl = computed(() => {
if (props.disabled) { if (props.disabled) {
@ -120,8 +121,8 @@ const isNumber = function (num: any) {
<div class="layui-input-number" :position="position" :size="size"> <div class="layui-input-number" :position="position" :size="size">
<lay-button <lay-button
size="lg" size="lg"
@mousedown="longDown(subtraction)"
@mouseup="cancelLongDown" @mouseup="cancelLongDown"
@mousedown="longDown(subtraction)"
@blur="cancelLongDown" @blur="cancelLongDown"
:disabled="minControl" :disabled="minControl"
class="layui-control-btn layui-subtraction-btn" class="layui-control-btn layui-subtraction-btn"
@ -134,20 +135,20 @@ const isNumber = function (num: any) {
</lay-button> </lay-button>
<div class="layui-input-number-input"> <div class="layui-input-number-input">
<lay-input <lay-input
v-model="num"
type="number"
:readonly="disabledInput || disabled"
:disabled="disabledInput || disabled"
:max="max" :max="max"
:min="min" :min="min"
:name="name" :name="name"
@change="inputChange" v-model="num"
:readonly="disabledInput || disabled"
:disabled="disabledInput || disabled"
@input="inputChange"
type="number"
/> />
</div> </div>
<lay-button <lay-button
size="lg" size="lg"
@mousedown="longDown(addition)"
@mouseup="cancelLongDown" @mouseup="cancelLongDown"
@mousedown="longDown(addition)"
@blur="cancelLongDown" @blur="cancelLongDown"
:disabled="maxControl" :disabled="maxControl"
class="layui-control-btn layui-addition-btn" class="layui-control-btn layui-addition-btn"

16
package/document-component/src/document/zh-CN/components/button.md
View File

@ -122,10 +122,10 @@ export default {
::: demo 使用 `fluid` 属性, 使其适合父最大宽度 ::: demo 使用 `fluid` 属性, 使其适合父最大宽度
<template> <template>
<lay-button type="primary" fluid="true">最大化按钮</lay-button> <lay-button type="primary" fluid>最大化按钮</lay-button>
<br/> <br/>
<br/> <br/>
<lay-button type="default" fluid="true">最大化按钮</lay-button> <lay-button type="default" fluid>最大化按钮</lay-button>
</template> </template>
<script> <script>
@ -148,12 +148,12 @@ export default {
::: demo 使用 `radius` 属性，创建圆角按钮 ::: demo 使用 `radius` 属性，创建圆角按钮
<template> <template>
<lay-button type="primary" radius="true">原始按钮</lay-button> <lay-button type="primary" radius>原始按钮</lay-button>
<lay-button type="default" radius="true">默认按钮</lay-button> <lay-button type="default" radius>默认按钮</lay-button>
<lay-button type="normal" radius="true">百搭按钮</lay-button> <lay-button type="normal" radius>百搭按钮</lay-button>
<lay-button type="warm" radius="true">暖色按钮</lay-button> <lay-button type="warm" radius>暖色按钮</lay-button>
<lay-button type="danger" radius="true">警告按钮</lay-button> <lay-button type="danger" radius>警告按钮</lay-button>
<lay-button disabled radius="true">禁用按钮</lay-button> <lay-button disabled radius>禁用按钮</lay-button>
</template> </template>
<script> <script>