docking
/
docking-vue
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式调整

dev
dengjia 2025-08-28 17:22:00 +08:00
parent 0ba8c26a53
commit 7d3ac4d943
2 changed files with 11 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/verification/index.vue
View File

@ -78,7 +78,7 @@ const verificationSuccess = () => {
.mi-captcha { .mi-captcha {
width: 100%; width: 100%;
flex: 1; flex: 1;
height: 58px; height: 40px;
font-family: "Pingfang SC", "Microsoft YaHei", "Monospaced Number", font-family: "Pingfang SC", "Microsoft YaHei", "Monospaced Number",
"Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Helvetica Neue", Helvetica, Arial,
@ -167,7 +167,7 @@ const verificationSuccess = () => {
flex-direction: row; flex-direction: row;
height: 2.625rem; height: 2.625rem;
padding-left: 0.125rem; padding-left: 0.125rem;
font-size: 16px; font-size: 0.875rem;
color: #fff; color: #fff;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

29
src/views/login/index.vue
View File

@ -39,9 +39,7 @@
<verification v-model:verification-pass="verificationPass" /> <verification v-model:verification-pass="verificationPass" />
</el-form-item> </el-form-item>
<el-form-item class="button"> <el-form-item class="button">
<el-button native-type="submit" style="font-size: 18px" <el-button native-type="submit"><span>登录</span> </el-button>
><span>登录</span>
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- <div class="tips"> <!-- <div class="tips">
@ -154,12 +152,12 @@ const fnSubmitLogin = async () => {
border-radius: 20px; border-radius: 20px;
box-shadow: 0px 5px 20px 0px rgba(137, 149, 174, 0.2); box-shadow: 0px 5px 20px 0px rgba(137, 149, 174, 0.2);
position: absolute; position: absolute;
right: 270px; right: 330px;
top: 55%; top: 55%;
transform: translateY(-50%); transform: translateY(-50%);
width: 506px; width: 480px;
height: 590px; height: 580px;
padding: 4px 30px; padding: 42px 35px 94px;
background-color: #fff; background-color: #fff;
z-index: 1; z-index: 1;
@ -187,7 +185,7 @@ const fnSubmitLogin = async () => {
// z-index: -2; // z-index: -2;
// } // }
.form-item { .form-item {
font-size: 20px; font-size: 16px;
} }
.title { .title {
font-size: 30px; font-size: 30px;
@ -198,27 +196,18 @@ const fnSubmitLogin = async () => {
.el-form-item { .el-form-item {
.el-input { .el-input {
height: 58px; height: 40px;
font-size: 18px;
} }
} }
.button { .button {
position: absolute; margin-top: 88px;
bottom: 30px;
// height: 58px;
width: 445px;
font-size: 18px;
.el-button { .el-button {
background: #0a7dfe; background: #0a7dfe;
height: 58px; height: 45px;
width: 100%; width: 100%;
color: #ffffff; color: #ffffff;
margin-top: 10px; margin-top: 10px;
font-size: 18px;
span {
font-size: 18px;
}
} }
} }