改黑夜样式

李凌

2025-12-16 9337c3cf960b60078558b7f942fd27f1ab39364b

 src/components/ex-input/index.vue

@@ -8,13 +8,13 @@
        <img src="../../assets/image/login/more.png" alt="">
      </div>
      <!-- <p>{{ passwordType }} {{ props.value }}</p> -->
      <input autocomplete="off" name="username" class="inputBackground" v-if="typeText == 'password'" :type="passwordType"
        :placeholder="placeholderText" :value="modelValue" @input="onInput" :disabled="disabled" />
      <input autocomplete="off" name="username" class="inputBackground" v-if="typeText == 'password'"
        :type="passwordType" :placeholder="placeholderText" :value="modelValue" @input="onInput" :disabled="disabled" />
      <div class="max-input" v-else>
        <input autocomplete="off" v-if="max > 0" :maxlength="max" class="inputBackground" type="text" :disabled="disabled"
        :placeholder="placeholderText" :value="modelValue" @input="onInput" />
        <input autocomplete="off" v-else  class="inputBackground" type="text" :disabled="disabled"
        :placeholder="placeholderText" :value="modelValue" @input="onInput" />
        <input autocomplete="off" v-if="max > 0" :maxlength="max" class="inputBackground" type="text"
          :disabled="disabled" :placeholder="placeholderText" :value="modelValue" @input="onInput" />
        <input autocomplete="off" v-else class="inputBackground" type="text" :disabled="disabled"
          :placeholder="placeholderText" :value="modelValue" @input="onInput" />
      </div>
      <div class="rightCon">
        <div class="closeBox" v-if="clearBtn" @click="clear"><img src="../../assets/image/login/clear.png" alt="" />
@@ -109,15 +109,22 @@
</script>

<style lang="scss" scoped>
@import "@/views/authentication/components/intl.css";
// @import "@/views/authentication/components/intl.css";
@import "@/assets/theme/index.scss";

.textColor{
  color: $text_color;
.textColor {
  @include themify() {
    color: themed("text_color") !important;
  }
}

.inputCom {
  color: $text_color;
  padding-bottom: 22px;
  font-size: 14px;

  @include themify() {
    color: themed("text_color") !important;
  }

  .iptbox {
    height: 44px;
@@ -147,7 +154,10 @@
    height: 100%;
    border: none;
    padding-left: 10px;
    color: $text_color;

    @include themify() {
      color: themed("text_color") !important;
    }
  }

  .rightCon {
@@ -172,8 +182,11 @@

.tips {
  font-size: 13px;
  color: $text_color1;
  margin-top: 9px;
  
  @include themify() {
    color: themed("text_color1") !important;
  }
}

input:-webkit-autofill {
@@ -188,9 +201,11 @@
  transform: scale(1.3);
  display: inline-block;
}
.max-input{

.max-input {
  width: 100%;
  input{

  input {
    width: 100%;
  }
}