-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/router/index.js b/src/router/index.js
index 527fa60..db61e0f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,19 +1,20 @@
import {createRouter,createWebHistory} from 'vue-router';
import Login from '../views/Login.vue';
-import Home from '../views/Home.vue';
+import index from '../views/index.vue';
const routes = [
{
path:'/',
- name:'login',
- component:Login
+ name:'index',
+ component:index
},
{
- path:'/home',
- name:'Home',
- component:Home
+ path:'/login',
+ name:'login',
+ component:Login
}
+
]
diff --git a/src/style.css b/src/style.css
index 25ca64a..3078467 100644
--- a/src/style.css
+++ b/src/style.css
@@ -13,14 +13,7 @@
-moz-osx-font-smoothing: grayscale;
}
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
-}
-a:hover {
- color: #535bf2;
-}
+
body {
margin: 0;
@@ -81,4 +74,13 @@ button:focus-visible {
*{
padding: 0;
margin: 0;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+ text-decoration: inherit;
+}
+a:hover {
+ color: #535bf2;
}
\ No newline at end of file
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 46abec7..74cc485 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -1,197 +1,218 @@
-
-
-
-
- 
-
-
-
-
-
-
-
-
-
-
-
-
- -
-
-
- --
- {{ item.title }} -
{{ item.title2 }}
- -- --
-
-
-
-
- {{ create ? '注册' : '登陆' }}
-
-
-
-
-
-
-
-
-
-
-
-
-
- 记住密码
-
-
- 忘记密码？
-
-
- {{ create ? '注册' : '登陆' }}
+
+
+ },
+ methods: {
+ login() {
+ if (this.form.username === "" || this.form.password === "") {
+ ElMessage.error("账号或密码不能为空");
+ } else {
+ // this.$router.push('/index')
+ this.query.account = this.form.username;
+ this.query.password = this.form.password;
+ userLogin(this.query).then((response) => {
+ console.log(response);
+ ElMessage({
+ message: response.msg,
+ type: "success",
+ });
+ // 登录成功后重定向到主页
+ router.push('/index');
+ });
+ }
+ },
+ remenber(data) {
+ this.checked = data;
+ if (this.checked) {
+ localStorage.setItem("news", JSON.stringify(this.form));
+ } else {
+ localStorage.removeItem("news");
+ }
+ },
+ forgetpas() {
+ ElMessage({
+ message: "请联系管理员更改密码",
+ type: "warning",
+ });
+ },
+ register() {
+ if (this.create) {
+ // 从注册切换到登录清空表单内容
+ this.form.username = "";
+ this.form.password = "";
+ this.form.repassword = "";
+ } else if (
+ this.form.username ||
+ this.form.password ||
+ this.form.repassword
+ ) {
+ // 从登录切换到注册清空表单内容
+ this.form.username = "";
+ this.form.password = "";
+ this.form.repassword = "";
+ }
+ this.create = !this.create;
+ // 清除字段的验证错误
+ this.$refs.form.clearValidate("username");
+ this.$refs.form.clearValidate("password");
+ this.$refs.form.clearValidate("repassword");
+ },
+ },
+};
+
+
\ No newline at end of file
diff --git a/src/views/index.vue b/src/views/index.vue
new file mode 100644
index 0000000..0b631d8
--- /dev/null
+++ b/src/views/index.vue
@@ -0,0 +1,206 @@
+
+
+
-
+
+
+ {{ create ? "注册" : "登陆" }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 记住密码
- {{ create ? '返回' : '注册' }}
+
+
+ 忘记密码？
+ {{
+ create ? "注册" : "登陆"
+ }}
+ {{
+ create ? "返回" : "注册"
+ }}
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/vite.config.js b/vite.config.js
index 049dfee..75e65d1 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -14,5 +14,18 @@ export default defineConfig({
Components({
resolvers: [ElementPlusResolver()],
}),
- ],
+ ],
+ css: {
+ preprocessorOptions: {
+ less: {
+ // Less 配置项
+ modifyVars: {
+ 'primary-color': '#1DA57A',
+ 'link-color': '#1DA57A',
+ 'border-radius-base': '2px',
+ },
+ javascriptEnabled: true,
+ },
+ },
+ },
})
+
+
+
+ 
+
+
+
+
+
+ 
+
+
+
+
+
+
+ -
+
-
+ ++
+ {{ item.title }} +
{{ item.title2 }}
+ ++ ++
+