改黑夜样式

李凌

2025-12-16 9337c3cf960b60078558b7f942fd27f1ab39364b

 src/components/Transform/ex-input/index.vue

@@ -7,12 +7,14 @@
                <span class="textColor">+{{ dialCode }}</span>
                <img src="../../assets/image/login/more.png" alt="">
            </div>
            <input autocomplete="new-password" class="inputBackground" v-if="typeText == 'password'" :type="passwordType"
                :placeholder="placeholderText" :value="value" @input="onInput" :disabled="disabled">
            <input autocomplete="new-password" class="inputBackground" v-if="typeText == 'password'"
                :type="passwordType" :placeholder="placeholderText" :value="value" @input="onInput"
                :disabled="disabled">
            <input class="inputBackground" v-else type="text" :disabled="disabled" :placeholder="placeholderText"
                :value="value" @input="onInput">
            <div class="rightCon">
                <div class="closeBox" v-if="clearBtn" @click="clear"><img src="../../assets/image/login/clear.png" alt="">
                <div class="closeBox" v-if="clearBtn" @click="clear"><img src="../../assets/image/login/clear.png"
                        alt="">
                </div>
                <div class="eyeBox" v-if="typeText == 'password'" @click="changeType">
                    <img v-if="passwordType == 'password'" src="../../assets/image/login/_close.png" alt="">
@@ -99,9 +101,14 @@
</script>

<style lang="scss" scoped>
@import "@/assets/theme/index.scss";

.inputCom {
    color: $text_color4;
    padding-bottom: 44px;

    @include themify() {
        color: themed("text_color4");
    }

    .iptbox {
        height: 88px;
@@ -131,7 +138,10 @@
        height: 100%;
        border: none;
        padding-left: 20px;
        color: $text_color;

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

    .rightCon {
@@ -156,8 +166,11 @@

.tips {
    font-size: 26px;
    color: $text_color1;
    margin-top: 18px;

    @include themify() {
        color: themed("text_color1");
    }
}

input:-webkit-autofill {
@@ -165,10 +178,13 @@
}

input::-webkit-input-placeholder {
    color: $text_color1;
    @include themify() {
        color: themed("text_color1");
    }
}

.icon {
    transform: scale(2);
    display: inline-block;
}</style>
}
</style>