Skip to content

Commit 54147bc

Browse files
ColoeyColoey
committed
init
1 parent dca76f5 commit 54147bc

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

64 files changed

+4729
-1131
lines changed

‎auto-imports.d.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
// Generated by 'unplugin-auto-import'
2+
export {}
3+
declare global {
4+
5+
}

‎babel.config.cjs

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = {
2+
presets: [
3+
'@vue/cli-plugin-babel/preset'
4+
]
5+
}

‎package-lock.json

Lines changed: 2693 additions & 969 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,20 +9,26 @@
99
},
1010
"dependencies": {
1111
"core-js": "^3.6.5",
12+
"crypto-js": "^4.1.1",
1213
"ejs-mate": "^4.0.0",
1314
"element-plus": "^2.2.9",
1415
"express": "^4.18.1",
1516
"express-session": "^1.17.3",
1617
"hashids": "^2.2.10",
18+
"js-cookie": "^3.0.1",
1719
"jsonwebtoken": "^8.5.1",
1820
"morgan": "^1.10.0",
1921
"qs": "^6.11.0",
22+
"svg-sprite-loader": "^6.0.11",
23+
"unplugin-element-plus": "^0.4.1",
2024
"uuid": "^8.3.2",
2125
"vue": "^3.0.0",
2226
"vue-class-component": "^8.0.0-0",
2327
"vue-router": "^4.1.2"
2428
},
2529
"devDependencies": {
30+
"@types/crypto-js": "^4.1.1",
31+
"@types/js-cookie": "^3.0.2",
2632
"@typescript-eslint/eslint-plugin": "^4.18.0",
2733
"@typescript-eslint/parser": "^4.18.0",
2834
"@vue/cli-plugin-babel": "~4.5.15",
@@ -35,7 +41,9 @@
3541
"eslint": "^6.7.2",
3642
"eslint-plugin-vue": "^7.0.0",
3743
"less-loader": "^5.0.0",
38-
"typescript": "~4.1.5"
44+
"typescript": "~4.1.5",
45+
"unplugin-auto-import": "^0.11.0",
46+
"unplugin-vue-components": "^0.22.0"
3947
},
4048
"eslintConfig": {
4149
"root": true,
@@ -44,7 +52,6 @@
4452
},
4553
"extends": [
4654
"plugin:vue/vue3-essential",
47-
"eslint:recommended",
4855
"@vue/typescript"
4956
],
5057
"parserOptions": {

‎src/App.vue

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,6 @@
44

55
<script lang="ts">
66
import { Options, Vue } from 'vue-class-component';
7-
//import Home from './components/Home.vue';
8-
//import login from "./components/login.vue"
97
@Options({
108
components: {
119
},
@@ -20,6 +18,5 @@ export default class App extends Vue {}
2018
-moz-osx-font-smoothing: grayscale;
2119
text-align: center;
2220
color: #2c3e50;
23-
margin-top: 60px;
2421
}
2522
</style>

‎src/assets/app/1.png

4.09 KB
Loading

‎src/assets/app/aliyun.png

1.52 KB
Loading

‎src/assets/app/cas.png

6.35 KB
Loading

‎src/assets/app/dian.png

7.18 KB
Loading

‎src/assets/app/gitLab.png

19.1 KB
Loading

‎src/assets/app/hr.png

9.07 KB
Loading

‎src/assets/app/jira.png

2.83 KB
Loading

‎src/assets/app/json.png

9.21 KB
Loading

‎src/assets/app/jwt.png

9.96 KB
Loading

‎src/assets/app/m.png

3.8 KB
Loading

‎src/assets/app/o.png

3.2 KB
Loading

‎src/assets/app/oauth2.png

13.1 KB
Loading

‎src/assets/app/s.png

7.41 KB
Loading

‎src/assets/app/sanjiao.png

23.2 KB
Loading

‎src/assets/app/ss.png

11.2 KB
Loading

‎src/assets/app/tencent.png

5.42 KB
Loading

‎src/assets/app/ye.png

23.4 KB
Loading

‎src/assets/app/youdao.png

5.33 KB
Loading

‎src/assets/eyesclose copy.png

-4.71 KB
Binary file not shown.

‎src/assets/eyesclose.png

-4.71 KB
Binary file not shown.

‎src/assets/eyesopen.png

-6.86 KB
Binary file not shown.

‎src/assets/less/forgot.css

Lines changed: 156 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,156 @@
1+
html,
2+
body {
3+
height: 100%;
4+
background-color: #fff;
5+
}
6+
* {
7+
margin: 0;
8+
padding: 0;
9+
}
10+
.form-signin {
11+
display: flex;
12+
flex-direction: column;
13+
align-items: center;
14+
justify-content: center;
15+
width: 100%;
16+
max-width: 460px;
17+
padding: 40px;
18+
margin: auto;
19+
}
20+
.form-signin h3 {
21+
padding-bottom: 40px;
22+
}
23+
.form-signin .identity {
24+
width: 460px;
25+
display: flex;
26+
align-items: center;
27+
height: 44px;
28+
justify-content: center;
29+
padding: 20px;
30+
}
31+
.form-signin .identity .icon {
32+
width: 32px;
33+
height: 32px;
34+
}
35+
.form-signin .identity span {
36+
display: flex;
37+
align-items: center;
38+
justify-content: center;
39+
width: 230px;
40+
padding: 20px;
41+
}
42+
.form-signin .activeOne .oneSpan {
43+
border-bottom: 3px solid #1890ff;
44+
}
45+
.form-signin .activeOne .oneSpan .icon {
46+
fill: #1890ff;
47+
}
48+
.form-signin .activeTwo .twoSpan {
49+
border-bottom: 3px solid #1890ff;
50+
}
51+
.form-signin .activeTwo .twoSpan .icon {
52+
fill: #1890ff;
53+
}
54+
.form-signin .find-type {
55+
width: 460px;
56+
font-size: 16px;
57+
display: flex;
58+
align-items: center;
59+
justify-content: space-around;
60+
padding: 20px;
61+
}
62+
.form-signin .find-type span {
63+
width: 230px;
64+
border: 1px solid #e5e5e5;
65+
padding: 10px 0;
66+
}
67+
.form-signin .find-type span:hover {
68+
color: #1890ff;
69+
cursor: pointer;
70+
}
71+
.form-signin .find-type span:active {
72+
border: 1px solid #1890ff;
73+
}
74+
.form-signin .input {
75+
width: 460px;
76+
min-height: 40px;
77+
text-shadow: 0 1px 0 #fff;
78+
border: 1px solid #e5e5e5;
79+
position: relative;
80+
box-sizing: border-box;
81+
height: auto;
82+
padding: 10px;
83+
margin: 10px;
84+
font-size: 16px;
85+
padding-left: 25px;
86+
}
87+
.form-signin .input::placeholder {
88+
color: #bfbfbf;
89+
}
90+
.form-signin .input:focus {
91+
outline: none;
92+
}
93+
.form-signin .input:hover {
94+
border-color: #40a9ff;
95+
border-right-width: 1px !important;
96+
}
97+
.form-signin .phone {
98+
position: relative;
99+
}
100+
.form-signin .check {
101+
position: relative;
102+
}
103+
.form-signin .check:hover button {
104+
border-left: 1px solid #1890ff;
105+
}
106+
.form-signin .check button {
107+
width: 112px;
108+
height: 41px;
109+
background-color: #fff;
110+
border: 1px solid #e5e5e5;
111+
display: flex;
112+
align-items: center;
113+
justify-content: center;
114+
position: absolute;
115+
top: 10px;
116+
right: 10px;
117+
}
118+
.form-signin .check button:hover {
119+
cursor: pointer;
120+
border: 1px solid #1890ff;
121+
color: #1890ff;
122+
}
123+
.form-signin .label {
124+
position: absolute;
125+
top: 20px;
126+
z-index: 1;
127+
left: 15px;
128+
}
129+
.form-signin .imageCode {
130+
position: relative;
131+
}
132+
.form-signin .imageCode .code {
133+
position: absolute;
134+
top: 10px;
135+
right: 7px;
136+
}
137+
.form-signin .next {
138+
width: 460px;
139+
font-size: 14px;
140+
display: flex;
141+
justify-content: space-between;
142+
padding: 15px 0;
143+
}
144+
.form-signin .next .btn {
145+
height: 40px;
146+
width: 80px;
147+
background: #2E9AFE;
148+
color: #fff;
149+
border: none;
150+
border-radius: 3px;
151+
font-size: 16px;
152+
}
153+
.form-signin .next a {
154+
color: #1890ff;
155+
text-decoration: none;
156+
}

‎src/assets/less/forgot.less

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
@blue :#1890ff;
2+
@width: 460px;
3+
html,
4+
body {
5+
height: 100%;
6+
background-color: #fff;
7+
}
8+
* {
9+
margin:0;
10+
padding: 0
11+
}
12+
13+
.form-signin {
14+
display: flex;
15+
flex-direction: column;
16+
align-items: center;
17+
justify-content: center;
18+
width: 100%;
19+
max-width: 460px;
20+
padding: 40px;
21+
margin: auto;
22+
h3 {
23+
padding-bottom: 40px;
24+
}
25+
.identity {
26+
width: @width;
27+
display: flex;
28+
align-items: center;
29+
height: 44px;
30+
justify-content: center;
31+
padding: 20px;
32+
.icon {
33+
width: 32px;
34+
height: 32px;
35+
}
36+
span {
37+
display: flex;
38+
align-items: center;
39+
justify-content: center;
40+
width: 230px;
41+
padding: 20px;
42+
}
43+
}
44+
.activeOne {
45+
.oneSpan {
46+
border-bottom: 3px solid @blue;
47+
.icon {
48+
fill: @blue
49+
}
50+
}
51+
}
52+
.activeTwo {
53+
.twoSpan {
54+
border-bottom: 3px solid @blue;
55+
.icon {
56+
fill: @blue
57+
}
58+
}
59+
}
60+
.find-type {
61+
width: @width;
62+
font-size: 16px;
63+
display: flex;
64+
align-items: center;
65+
justify-content: space-around;
66+
padding: 20px;
67+
span {
68+
width: 230px;
69+
border: 1px solid #e5e5e5;
70+
padding: 10px 0;
71+
&:hover{
72+
color: @blue;
73+
cursor: pointer;
74+
}
75+
&:active {
76+
border: 1px solid @blue;
77+
}
78+
}
79+
}
80+
.input {
81+
width: @width;
82+
min-height: 40px;
83+
text-shadow: 0 1px 0 #fff;
84+
border: 1px solid #e5e5e5;
85+
position: relative;
86+
box-sizing: border-box;
87+
height: auto;
88+
padding: 10px;
89+
margin: 10px;
90+
font-size: 16px;
91+
padding-left: 25px;
92+
&::placeholder {
93+
color: rgb(191, 191, 191);
94+
95+
}
96+
&:focus {
97+
outline: none;
98+
}
99+
&:hover{
100+
border-color: #40a9ff;
101+
border-right-width: 1px !important;
102+
}
103+
}
104+
.phone {
105+
position: relative;
106+
}
107+
.check {
108+
position: relative;
109+
&:hover {
110+
button {
111+
border-left: 1px solid @blue;
112+
}
113+
}
114+
button {
115+
width: 112px;
116+
height: 41px;
117+
background-color: #fff;
118+
border:1px solid #e5e5e5;
119+
display: flex;
120+
align-items: center;
121+
justify-content: center;
122+
position: absolute;
123+
top: 10px;
124+
right: 10px;
125+
&:hover {
126+
cursor: pointer;
127+
border: 1px solid @blue;
128+
color: @blue;
129+
}
130+
}
131+
}
132+
.label {
133+
position: absolute;
134+
top: 20px;
135+
z-index: 1;
136+
left: 15px;
137+
}
138+
.imageCode {
139+
position:relative;
140+
.code {
141+
position: absolute;
142+
top: 10px;
143+
right: 7px;
144+
}
145+
}
146+
.next {
147+
width: @width;
148+
font-size: 14px;
149+
display: flex;
150+
justify-content: space-between;
151+
padding: 15px 0;
152+
.btn {
153+
height: 40px;
154+
width: 80px;
155+
background: #2E9AFE;
156+
color: #fff;
157+
border: none;
158+
border-radius: 3px;
159+
font-size: 16px;
160+
}
161+
a {
162+
color: @blue;
163+
text-decoration: none;
164+
}
165+
}
166+
}

0 commit comments

Comments
 (0)