tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 样式优化

Browse Source 
Former-commit-id: 5bc525c17b18408eb6c25d1019f166c6791c21eb
This commit is contained in:
haoxr
2023-02-21 00:12:39 +08:00
parent 843e62df9e
commit 9653cf9939
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -11,10 +11,10 @@
<lang-select style="color: #fff" /> <lang-select style="color: #fff" />
</div> </div>
<el-form-item prop="username" class="flex"> <el-form-item prop="username">
<span class="p-2 text-white"> <div class="p-2 text-white">
<svg-icon icon-class="user" /> <svg-icon icon-class="user" />
</span> </div>
<el-input <el-input
class="flex-1" class="flex-1"
ref="username" ref="username"
@@ -30,7 +30,7 @@
content="Caps lock is On" content="Caps lock is On"
placement="right" placement="right"
> >
<el-form-item class="flex" prop="password"> <el-form-item prop="password">
<span class="p-2 text-white"> <span class="p-2 text-white">
<svg-icon icon-class="password" /> <svg-icon icon-class="password" />
</span> </span>
@@ -166,6 +166,7 @@ function handleLogin() {
background: rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.1);
border-radius: 5px; border-radius: 5px;
} }
.el-input { .el-input {
background: transparent; background: transparent;
// 子组件 scoped 无效，使用 :deep // 子组件 scoped 无效，使用 :deep