登录界面

lxf

2025-07-10 bba4046da481abccecf541e76f17a2e32a4cc344

 src/views/login/index.vue

@@ -1,7 +1,7 @@
<template>
    <div class="login">
        <div class="top" @click="onRoute('/my/index')"><img src="../../assets/image/icon-close.png" alt="" /></div>
        <div class="title textColor">{{ $t('login') }}</div>
        <!-- <div class="top" @click="onRoute('/my/index')"><img src="../../assets/image/icon-close.png" alt="" /></div> -->
        <!-- <div class="title textColor">{{ $t('login') }}</div> -->
        <!-- <div class="flex login-tab">
            <div class="textColor1" :class="activeIndex == 0 ? 'active' : ''" @click="changeIndex(0)">{{
                $t('account')
@@ -14,8 +14,8 @@
            }}
            </div>
        </div> -->
        <ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)" v-model="username"
            :dialCode="dialCode" @selectArea="onSelectArea" :area="isArea" :icon="icon" />
        <!-- <ExInput :label="getRegType(activeIndex, true)" :placeholderText="getRegType(activeIndex, false)"
            v-model="username" :dialCode="dialCode" @selectArea="onSelectArea" :area="isArea" :icon="icon" />
        <ExInput style="padding-bottom:0!important;" :label="$t('password')" :placeholderText="$t('entryPassword')"
            v-model="password" typeText="password" />
        <div class="forget colorMain" @click="$router.push('/forget')">{{ $t('forgetPassword') }}</div>
@@ -24,7 +24,53 @@
        <div class="noTips textColor">{{ $t('noAccount') }}<span class="colorMain" @click="$router.push('/register')">
                {{ $t('goRegister') }}</span>
        </div>
        <nationality-list ref='controlChildRef' :title="$t('selectArea')" @getName="getName"></nationality-list>
        <nationality-list ref='controlChildRef' :title="$t('selectArea')" @getName="getName"></nationality-list> -->

        <div class="h-100vh px-26 text-white"
            style="background: url(&quot;/static/img/bg-login.png&quot;) 0% 0% / cover fixed;">
            <div class="w-22 h-22 mt-80" @click="handleLanguageClick">
                <div
                    style="background-image: url(&quot;/static/img/icon-language.png&quot;); background-position: 0% 0%; background-size: 100% 100%;">
                </div>
                <img src="../../assets/img/icon-language.png" draggable="false">
            </div>
            <span class="text-40 font-bold mt-43 block">{{ $t('login') }}</span>
            <span class="text-15 font-medium block mt-10">{{ $t('登陆后继续') }}</span>
            <div class="mt-40">
                <div class="bg-white p-14 rounded-10 flex items-center">
                    <div class="w-26 h-26">
                        <div
                            style="background-image: url(&quot;/static/tabbar/mine-select.png&quot;); background-position: 0% 0%; background-size: 100% 100%;">
                        </div><span></span><img src="../../assets/img/mine-select.png" draggable="false">
                    </div>
                    <div class="ml-9 text-black flex-1">
                        <div class="uni-input-wrapper">
                            <input type="text" maxlength="140" step="" enterkeyhint="done" class="uni-input-input"
                                autocomplete="off" :placeholder="$t('请输入账号')">
                        </div>
                    </div>
                </div>
                <div class="mt-15 bg-white p-14 rounded-10 flex items-center">
                    <div class="w-22 h-22">
                        <div
                            style="background-image: url(&quot;/static/img/icon-password.png&quot;); background-position: 0% 0%; background-size: 100% 100%;">
                        </div><span></span><img src="../../assets/img/icon-password.png" draggable="false">
                    </div>
                    <div class="ml-9 text-black flex-1">
                        <div class="uni-input-wrapper">
                            <input type="password" maxlength="140" step="" enterkeyhint="done" class="uni-input-input"
                                autocomplete="off" :placeholder="$t('密码')">
                        </div>
                    </div>
                </div>
            </div>
            <div class="py-17 text-center bg-black mt-120 rounded-10 text-19 font-700">{{ $t('login') }}</div>
            <div class="mt-20 text-center">
                <span>{{ $t('还没有账号') }}</span>
                <span class="font-bold ml-5" @click="$router.push('/register')">{{ $t('去注册') }}</span>
            </div>
            <span class="block text-center mt-20" @click="$router.push('/forget')">{{ $t('修改密码') }}</span>
        </div>
    </div>
</template>

@@ -49,6 +95,10 @@
    } else {
        router.push(path)
    }
}

const handleLanguageClick = () => {
    router.push('/language')
}

let username = ref('')
@@ -157,11 +207,14 @@
</script>

<style lang="scss" scoped>
@import '@/assets/css/deepseek_css_20250625_30ff932.css';

.login {
    width: 100%;
    padding: 15px;
    padding: 15px 0;
    font-size: 13px;
    box-sizing: border-box;
    background: url('../../assets/img/bg-login.png') 0% 0% / cover fixed;
}

.top {
@@ -208,7 +261,8 @@
.noTips {
    margin-top: 22px;
}
.colorMain{

.colorMain {
    color: #1194F7;
}
</style>
</style>