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/index.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 47 insertions(+), 8 deletions(-)
diff --git a/components/oi-form/list/input/index.vue b/components/oi-form/list/input/index.vue
index a0ec6f0..47c85ff 100644
--- a/components/oi-form/list/input/index.vue
+++ b/components/oi-form/list/input/index.vue
@@ -17,8 +17,12 @@
</template>
<script>
+ import buttonClickMixin from '@/mixins/button-click.js';
+
export default {
+
name: "OIFormInput",
+ mixins: [buttonClickMixin],
props: {
viewMode: {
type: Boolean,
@@ -34,26 +38,46 @@
default: false
},
},
+ data() {
+ return {
+ largeMode: getApp().globalData?.largeMode || false,
+ }
+ },
methods: {
onChange(e) {
- this.$emit("change", e)
+ this.$emit("on-change", e)
},
onConfirm(e) {
+ console.log("onConfirm")
this.onChange(e)
},
onClick(e) {
- this.$emit("click", e)
+ this.$emit("on-click", e)
},
onFocus(e) {
- this.$emit("focus", e)
+ this.$emit("on-focus", e)
},
onPrefixButton() {
- this.$emit("click-prefix")
+ this.handleButtonClick((done) => {
+ this.$emit("on-click-prefix")
+ setTimeout(() => {
+ done(); // 閲嶇疆鐘舵�
+ }, 1000);
+ });
},
onSuffixButton() {
- this.$emit("click-suffix")
+
+ this.handleButtonClick((done) => {
+ this.$emit("on-click-suffix")
+ setTimeout(() => {
+ done(); // 閲嶇疆鐘舵�
+ }, 1000);
+ });
+
+
},
- }
+ },
+
};
</script>
@@ -62,10 +86,10 @@
border: 1px solid #d5d5d5;
border-radius: 6px !important;
padding: 3rpx;
- width: calc(100%- 6rpx);
+ width: calc(100% - 6rpx);
display: flex;
flex-direction: row;
-
+
.input-disabled {
background-color: #f3f3f3 !important;
}
@@ -100,4 +124,19 @@
.oi-form-input:hover {
border: 1px solid rgb(41, 121, 255);
}
+
+ .large-mode {
+ .oi-form-input {
+ .oi-input {
+ font-size: 24px;
+ height: 36px;
+ }
+
+ .form-input-icon {
+ font-size: 30px;
+ height: 36px;
+ width: 36px;
+ }
+ }
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1