From 25dbc6d82f16a86d2f509cbf72259ca1a3ec5b12 Mon Sep 17 00:00:00 2001 From: chen <2659004835@qq.com> Date: Thu, 23 Dec 2021 19:37:32 +0800 Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E7=90=86?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/css/electron.css | 9 +++++++++ src/components/babyAlbumDetail.vue | 20 ++++++++------------ 2 files changed, 17 insertions(+), 12 deletions(-) diff --git a/src/assets/css/electron.css b/src/assets/css/electron.css index 65a9c97..e4c4f4b 100644 --- a/src/assets/css/electron.css +++ b/src/assets/css/electron.css @@ -547,6 +547,15 @@ img { margin-bottom: 110px; padding: 32px 40px; } +.baby-detail-top { + display: flex;align-items: center;justify-content: space-between; +} +.baby-top-box {display: flex;align-items: center;} +.baby-top-box div {width: 268px;height: 48px;line-height: 48px;text-align: center; background: #C3AEFF;border-radius: 10px;color: #fff;font-size: 24px;font-weight: bold;color: #FFFFFF;margin-right: 10px;} +.baby-top-box img {width: 48px;height: 48px;} +.baby-name {font-size: 24px;font-weight: 800;color: #3F3F3F;} +.baby-album-box {padding: 97px 0 126px 0;height: 100%; display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;} +.baby-album-box > img {width: 58px;height: 58px;} @media screen and (min-width:768px) and (max-width:1024px) { .header-box { background-color: #000000; diff --git a/src/components/babyAlbumDetail.vue b/src/components/babyAlbumDetail.vue index ae3c923..a8629d1 100644 --- a/src/components/babyAlbumDetail.vue +++ b/src/components/babyAlbumDetail.vue @@ -1,19 +1,15 @@