chen
/
electron-ban-pai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

整理

master
chen 2021-12-23 19:37:32 +08:00
parent c7ed61ce60
commit 25dbc6d82f
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/assets/css/electron.css
View File

@ -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;

20
src/components/babyAlbumDetail.vue
View File

@ -1,19 +1,15 @@
<template>
<!-- 主体内容 -->
<div class="babyalbum-detail-box">
<div style="display: flex;align-items: center;justify-content: space-between;">
<div style="display: flex;align-items: center;">
<div
style="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;">
宝宝相册>宝宝详情</div>
<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby"
style="width: 48px;height: 48px;">
<div class="baby-detail-top">
<div class="baby-top-box">
<div>宝宝相册>宝宝详情</div>
<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby">
</div>
<div style="font-size: 24px;font-weight: 800;color: #3F3F3F;">龚柯源的相册</div>
<div class="baby-name">龚柯源的相册</div>
</div>
<div
style="padding: 97px 0 126px 0;height: 100%; display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;position: relative;">
<img src="../assets/babyalbum/-s-选择1.png" class="swiper-button-prev" style="width: 58px;height: 58px;">
<div class="baby-album-box">
<img src="../assets/babyalbum/-s-选择1.png" class="swiper-button-prev">
<div style="width: 80%;margin: 0 auto;">
<div class="swiper-container">
<div class="swiper-wrapper">
@ -35,7 +31,7 @@
</div>
</div>
</div>
<img src="../assets/babyalbum/-s-选择2.png" class="swiper-button-next" style="width: 58px;height: 58px;">
<img src="../assets/babyalbum/-s-选择2.png" class="swiper-button-next">
</div>
</div>
</template>