From df481aebfb7a19eea5d6c02f93c6f5776b0fdc19 Mon Sep 17 00:00:00 2001
From: cuiqian2004 <cuiqian2004@163.com>
Date: 星期五, 23 五月 2025 18:30:41 +0800
Subject: [PATCH] 界面大模式
---
components/oi-form/list/input-number/index.vue | 52 ++++++++++++++++++++++++++++++++++------------------
1 files changed, 34 insertions(+), 18 deletions(-)
diff --git a/components/oi-form/list/input-number/index.vue b/components/oi-form/list/input-number/index.vue
index 0063d6d..190fe2c 100644
--- a/components/oi-form/list/input-number/index.vue
+++ b/components/oi-form/list/input-number/index.vue
@@ -1,11 +1,11 @@
<template>
<view class="oi-form-input-number">
- <input v-if="model" type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" v-model="model[data.fieldId]" :focus="focus"
- :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick"
- :disabled="data.disabled"></input>
- <input v-else type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''" v-model="data.value" :focus="focus"
- :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm" @click="onClick"
- :disabled="data.disabled"></input>
+ <input v-if="model" type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''"
+ v-model="model[data.fieldId]" :focus="focus" :placeholder="data.placeholder" @blur="onChange"
+ @confirm="onConfirm" @click="onClick" :disabled="data.disabled"></input>
+ <input v-else type="number" class="oi-input-number" :class="data.disabled?'input-disabled':''"
+ v-model="data.value" :focus="focus" :placeholder="data.placeholder" @blur="onChange" @confirm="onConfirm"
+ @click="onClick" :disabled="data.disabled"></input>
</view>
</template>
@@ -23,27 +23,33 @@
default: false
},
},
+ data() {
+ return {
+ largeMode: getApp().globalData?.largeMode || false,
+ }
+ },
methods: {
onChange(e) {
- this.$emit("change", e)
+ this.$emit("on-change", e)
},
onConfirm(e) {
this.onChange(e)
},
onClick(e) {
- this.$emit("click", e)
+ this.$emit("on-click", e)
},
-
- }
+ onFocus(e) {
+ this.$emit("on-focus", e)
+ },
+
+ },
};
</script>
-<style lang="less" scoped>
+<style lang="less">
.oi-form-input-number {
- border: 1px solid #d5d5d5;
- width: calc(100%- 6rpx);
- border-radius: 6px !important;
- padding: 3rpx;
+ width: 100%;
+
.input-disabled {
background-color: #f3f3f3 !important;
}
@@ -59,14 +65,24 @@
background: #FFF;
line-height: 20px;
border-radius: 6px !important;
- font-size: 14px;
+ font-size: 15px;
font-family: inherit;
box-shadow: none !important;
transition-duration: 0.1s;
vertical-align: middle;
}
+
+ .oi-input-number:hover {
+ border: 1px solid rgb(41, 121, 255);
+ }
}
- .oi-form-input-number:hover {
- border: 1px solid rgb(41, 121, 255);
+
+ .large-mode {
+ .oi-form-input-number {
+ .oi-input-number {
+ font-size: 24px;
+ height: 36px;
+ }
+ }
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1