diff --git a/code/web/car_dealer/css/app.css b/code/web/car_dealer/css/app.css index 543bd4d..04b5e0b 100644 --- a/code/web/car_dealer/css/app.css +++ b/code/web/car_dealer/css/app.css @@ -2,7 +2,7 @@ * @Author: Kane * @Date: 2022-11-12 23:32:20 * @LastEditors: Kane - * @LastEditTime: 2022-11-14 07:42:30 + * @LastEditTime: 2022-11-16 11:08:23 * @FilePath: \car_dealer\css\app.css * @Description: * @@ -10,11 +10,6 @@ */ @import url("colors.css"); -#root, -#app { - width: 100%; -} - body { background-color: var(--backupground-color); padding: 50px; diff --git a/code/web/car_dealer/css/colors.css b/code/web/car_dealer/css/colors.css index a904fd8..3ca3f30 100644 --- a/code/web/car_dealer/css/colors.css +++ b/code/web/car_dealer/css/colors.css @@ -2,7 +2,7 @@ * @Author: Kane * @Date: 2022-11-12 23:22:59 * @LastEditors: Kane - * @LastEditTime: 2022-11-12 23:23:29 + * @LastEditTime: 2022-11-16 15:26:04 * @FilePath: \car_dealer\css\colors.css * @Description: * @@ -16,4 +16,6 @@ html { --btn-color-green: #5bad60; --btn-color-red: #e56651; --btn-font-color: #fff; + + --input-focus-color: #e56651; } diff --git a/code/web/car_dealer/vue/注册/css/main.css b/code/web/car_dealer/vue/注册/css/main.css new file mode 100644 index 0000000..f89813f --- /dev/null +++ b/code/web/car_dealer/vue/注册/css/main.css @@ -0,0 +1,81 @@ +/* + * @Author: Kane + * @Date: 2022-11-16 10:58:30 + * @LastEditors: Kane + * @LastEditTime: 2022-11-16 14:38:15 + * @FilePath: \car_dealer\vue\注册\css\main.css + * @Description: + * + * Copyright (c) ${2022} by Kane, All Rights Reserved. + */ +@import url("../../../css/colors.css"); + +html { + --text-border-color: #f4f5f7ff; +} + +#app { + width: 20rem; + background-color: #fff; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + padding: 1rem; +} + +#app > div { + width: 100%; +} + +/* #app input { + margin-top: 0.25rem; + margin-bottom: 5px; +} */ + +#app input[type="text"] { + margin-top: 0.25rem; + margin-bottom: 5px; + width: 100%; + height: 2rem; + line-height: 1.5rem; + padding: 2px 1rem; + border: 1px solid #f4f5f7ff; + border-radius: 5px; +} + +#app input[type="text"]:focus { + border: none; + outline: 2px solid var(--input-focus-color); +} + +#app > * + * { + margin-top: 15px; +} + +.pianhao { + display: flex; + justify-content: left; + align-items: center; + margin-top: 0.25rem; +} + +.pianhao label { + line-height: 0.8rem; + font-size: 0.8rem; +} + +button { + background-color: var(--btn-color-red); + color: var(--btn-font-color); + border: none; + border-radius: 5px; + width: 10rem; + padding: 0.5rem 1rem; + margin-top: 25px !important; +} + +button:active { + color: var(--btn-color-red); + background-color: var(--btn-font-color); +} diff --git a/code/web/car_dealer/vue/注册/signup.html b/code/web/car_dealer/vue/注册/signup.html new file mode 100644 index 0000000..73bf284 --- /dev/null +++ b/code/web/car_dealer/vue/注册/signup.html @@ -0,0 +1,100 @@ + + + + + + + + 注册 + + + + + + +
+
+
加入我们，一起创造美好世界
+

创建你的账号

+
+
用户名 *
+ +
+
+
邮箱地址
+ +
+
+
密码*
+ +
请确认密码长度需要大于6位
+
+
+
偏好设置
+
+ + +
+
+ +
+
+ + + + +