From 3e39b23e6a20f5c1bb28a0f8fbbf5a77fa66c424 Mon Sep 17 00:00:00 2001
From: licp <lichunping@guanfang.com.cn>
Date: 星期五, 19 四月 2024 15:09:54 +0800
Subject: [PATCH] 完善首页样式
---
src/page/wel.vue | 48 ++++++++++++++++++++----------------------------
1 files changed, 20 insertions(+), 28 deletions(-)
diff --git a/src/page/wel.vue b/src/page/wel.vue
index 30c44b9..882532a 100644
--- a/src/page/wel.vue
+++ b/src/page/wel.vue
@@ -4,13 +4,10 @@
<el-row>
<el-col :xs="24" :sm="14" :md="14" :lg="14">
<p class="todo-title"><i class="el-icon-bell"></i><span> 鐢熶骇璋冨害 路 寰呭姙</span></p>
- </el-col>
- </el-row>
- <el-row>
- <el-col :xs="24" :sm="14" :md="14" :lg="14" style="display: flex;
- align-items: center;
- justify-content: space-between;">
- <div class="todo-item todo-item">
+ <div style="display: flex;
+ align-items: center;
+ justify-content: space-between;margin-bottom: 16px;">
+ <div class="todo-item todo-item">
<div class="todo-item-left">
<span>浠婃棩寰呭姙</span>
<span style="font-size: 20px;font-weight: 500;color: #0166E2;">{{ todoInfo.todoByDay }}</span>
@@ -42,10 +39,7 @@
<path opacity="0.901274" fill-rule="evenodd" clip-rule="evenodd" d="M23.5928 16.0498C23.3287 15.735 22.8188 15.8555 22.7235 16.2552L21.09 23.1033C21.0123 23.4289 21.2704 23.7374 21.6046 23.7185L28.6494 23.3193C29.0603 23.296 29.2687 22.814 29.0041 22.4987L27.2027 20.3519C28.3676 19.9538 29.6028 19.7459 30.8711 19.7459C37.1303 19.7459 42.2044 24.82 42.2044 31.0792C42.2044 37.3385 37.1303 42.4126 30.8711 42.4126C24.6119 42.4126 19.5378 37.3385 19.5378 31.0792C19.5378 30.0285 19.6801 28.9993 19.9575 28.0102L17.3899 27.29C17.0519 28.4951 16.8711 29.7661 16.8711 31.0792C16.8711 38.8112 23.1391 45.0792 30.8711 45.0792C38.6031 45.0792 44.8711 38.8112 44.8711 31.0792C44.8711 23.3472 38.6031 17.0792 30.8711 17.0792C28.9262 17.0792 27.074 17.4758 25.3908 18.1925L23.5928 16.0498Z" fill="red"/>
</svg>
</div>
- </el-col>
- </el-row>
- <el-row>
- <el-col :xs="24" :sm="14" :md="14" :lg="14">
+ </div>
<el-card class="box-card todo-card">
<el-row>
<el-col :span="12">
@@ -117,15 +111,17 @@
</el-row>
</el-card>
</el-col>
+ <el-col :xs="24" :sm="10" :md="10" :lg="10" style="display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc(100vh - 200px);box-sizing: border-box;padding-top: 60px;">
+ <div class="login-info">
+ <img src="../assets/download.png" alt="">
+ <div class="login-info-right">
+ <span>{{ userInfo.username }} 娆㈣繋鎮ㄧ櫥褰昅ES绯荤粺</span>
+ <span>褰撳墠鏃堕棿锛歿{ now }}</span>
+ </div>
+ </div>
+ <img src="../assets/main.af3c5c19.png" class="baImg" alt="">
+ </el-col>
</el-row>
- <img src="../assets/main.af3c5c19.png" class="baImg" alt="">
- <div class="login-info">
- <img src="../assets/download.png" alt="">
- <div class="login-info-right">
- <span>{{ userInfo.username }} 娆㈣繋鎮ㄧ櫥褰昅ES绯荤粺</span>
- <span>褰撳墠鏃堕棿锛歿{ now }}</span>
- </div>
- </div>
</div>
</div>
</template>
@@ -135,12 +131,6 @@
height: 100%;
padding: 10px;
margin: 0;
-}
-.baImg{
- position: absolute;
- right: 40px;
- bottom: 80px;
- width: 500px;
}
.body{
margin: 5px;
@@ -287,11 +277,10 @@
margin-right: 10px;
}
.login-info{
- position: absolute;
- right: 100px;
- top: 100px;
display: flex;
align-items: flex-end;
+ margin-bottom: 60px;
+ margin-top: 60px;
.login-info-right{
display: flex;
flex-direction: column;
@@ -310,6 +299,9 @@
}
}
}
+.baImg{
+ width: 500px;
+}
</style>
<script>
--
Gitblit v1.9.3