From ebce136ebb10c8a1fa9859994e6ba1b992eee953 Mon Sep 17 00:00:00 2001
From: gaosp <gaosp>
Date: 星期五, 08 三月 2024 08:49:06 +0800
Subject: [PATCH] 更新某些样式
---
src/components/home/index.vue | 36 ++++++++++++++++++++++++++----------
1 files changed, 26 insertions(+), 10 deletions(-)
diff --git a/src/components/home/index.vue b/src/components/home/index.vue
index 4b82fd7..94451e2 100644
--- a/src/components/home/index.vue
+++ b/src/components/home/index.vue
@@ -1,7 +1,7 @@
<!--
* @Date: 2024-01-04 19:40:32
* @LastEditors: Sneed
- * @LastEditTime: 2024-01-23 20:08:52
+ * @LastEditTime: 2024-03-08 08:45:49
* @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/components/home/index.vue
-->
<template>
@@ -11,13 +11,14 @@
<div class="menu">
<slot name="menu"></slot>
</div>
- <p v-if="showTime" class="time">{{time1}}<span>{{time2}}</span></p>
+ <p v-if="showTime" class="time"><span>{{time1}}</span><span style="position: relative;">{{time2}}</span></p>
</div>
<div class="content">
- <slot name="content"></slot>
+ <slot class="copy" name="content"></slot>
+ <div class="footer">
+ </div>
</div>
- <div class="footer">
- </div>
+
</div>
</template>
<script>
@@ -93,22 +94,34 @@
// justify-content: space-between;
& > img {
flex: 0 0 auto;
- width: 500px;
+ width: 599px;
max-height: 91px;
align-self: flex-start;
}
.menu {
height: 50px;
- margin-left: auto;
+ margin-left: 20px;
+ flex: 1 1 auto;
}
.time {
- // position: absolute;
color: #fff;
font-size: 20px;
- span {
+ height: 30px;
+ position: relative;
+ span:first-child {
+ // display: flex;
+ position: absolute;
+ top: 50%;
+ transform: translate(0,-50%);
+ left: -100px;
+ font-size: 20px;
+ line-height: 30px;
+ }
+ span:last-child {
margin-left: 14px;
font-family: digital;
font-size: 30px;
+ line-height: 30px;
}
}
}
@@ -127,10 +140,13 @@
left: 0;
right: 0;
text-align: center;
- bottom: 30px;
+ bottom: 50px;
}
}
.footer {
+ position: absolute;
+ width: 100%;
+ bottom: 0;
height: 46px;
background-image: url('~@/assets/img/login/footer.png');
background-size: cover;
--
Gitblit v1.9.3