界面大模式

cuiqian2004

2025-05-23 df481aebfb7a19eea5d6c02f93c6f5776b0fdc19

 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>

@@ -22,6 +22,11 @@
            type: Boolean,
            default: false
         },
      },
      data() {
         return {
            largeMode: getApp().globalData?.largeMode || false,
         }
      },
      methods: {
         onChange(e) {
@@ -41,7 +46,7 @@
   };
</script>

<style lang="less" scoped>
<style lang="less">
   .oi-form-input-number {
      width: 100%;

@@ -60,7 +65,7 @@
         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;
@@ -71,4 +76,13 @@
         border: 1px solid rgb(41, 121, 255);
      }
   }

   .large-mode {
      .oi-form-input-number {
         .oi-input-number {
            font-size: 24px;
            height: 36px;
         }
      }
   }
</style>