1

PC-20250623MANY\Administrator

2025-08-21 25c1d10f03df05104e323494fefd5af1e94c98f7

 src/views/login.vue

@@ -4,32 +4,43 @@
            <div class="logo-container flex-center">
                <img src="@/assets/images/logo.png" alt="Kuspit Pro" class="logo" />
            </div>
            <div class="slogan">
      <!-- <div class="slogan">
                <h1>Purchase, Trading</h1>
                <h2>All here</h2>
            </div>
            </div> -->
        </div>
        <div class="login-right">
            <div class="login-form">
                <h2>{{ $t('dlan') }}</h2>
        <h2>{{ $t("dlan") }}</h2>
                <el-form :model="loginForm" :rules="rules" ref="loginForm">
                    <el-form-item prop="phone">
                        <label>{{ $t('hj27') }}</label>
            <label>{{ $t("hj27") }}</label>
                        <el-input v-model="loginForm.phone" placeholder=""></el-input>
                    </el-form-item>
                    <el-form-item prop="userPwd">
                        <label>{{ $t('Password') }}</label>
                        <el-input v-model="loginForm.userPwd" type="password" placeholder="" show-password></el-input>
            <label>{{ $t("Password") }}</label>
            <el-input
              v-model="loginForm.userPwd"
              type="password"
              placeholder=""
              show-password
            ></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-button type="primary" class="login-button" @click="submitForm('loginForm')"
                            :loading="isloading">
                            {{ $t('dlan') }}
            <el-button
              type="primary"
              class="login-button"
              @click="submitForm('loginForm')"
              :loading="isloading"
            >
              {{ $t("dlan") }}
                        </el-button>
                    </el-form-item>
                    <div class="login-options">
                        <span>{{ $t('hj14') }}?</span>
                        <router-link to="/register" class="register-link">{{ $t('ar1') }}</router-link>
            <span>{{ $t("hj14") }}?</span>
            <router-link to="/register" class="register-link">{{
              $t("ar1")
            }}</router-link>
                    </div>
                </el-form>
            </div>
@@ -38,22 +49,22 @@
</template>

<script>
import * as api from '@/axios/api.js'
import * as api from "@/axios/api.js";
export default {
    name: "LoginView",
    data() {
        return {
            loginForm: {
                phone: "",
                userPwd: ""
        userPwd: "",
            },
            rules: {
                phone: [
                    { required: true, message: this.$t('请输入'), trigger: "blur" }
          { required: true, message: this.$t("请输入"), trigger: "blur" },
                ],
                userPwd: [
                    { required: true, message: this.$t('请输入'), trigger: "blur" }
                ]
          { required: true, message: this.$t("请输入"), trigger: "blur" },
        ],
            },
            isloading: false,
        };
@@ -78,17 +89,24 @@
                    return false;
                }
            });
        }
    }
    },
  },
};
</script>

<style lang="scss" scoped>
::v-deep .el-input__inner {
  background: none;
  color: #fff;
  border: none;
  border-radius: 0;
  border-bottom: #ccc solid 1px;
}
.login-container {
    display: flex;
    height: 100vh;
    width: 100%;
    background-color: #fff;
  // background-color: #fff;
}

.login-left {
@@ -96,7 +114,7 @@
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f5f5f5;
  background-color: #333;
}

.logo-container {
@@ -119,7 +137,7 @@

    h2 {
        font-size: 36px;
        color: #c8d405;
    color: #287dff;
        font-weight: bold;
    }
}
@@ -158,17 +176,9 @@
    .login-button {
        width: 100%;
        height: 50px;
        background-color: #c8d405;
        border-color: #c8d405;
        font-size: 16px;
        border-radius: 25px;
        margin-top: 10px;

        &:hover,
        &:focus {
            background-color: #b8c205;
            border-color: #b8c205;
        }
    }

    .login-options {
@@ -178,7 +188,7 @@
        color: #606266;

        .register-link {
            color: #c8d405;
      color: #287dff;
            margin-left: 5px;
            text-decoration: none;