master
parent
c7ed61ce60
commit
25dbc6d82f
|
@ -547,6 +547,15 @@ img {
|
||||||
margin-bottom: 110px;
|
margin-bottom: 110px;
|
||||||
padding: 32px 40px;
|
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) {
|
@media screen and (min-width:768px) and (max-width:1024px) {
|
||||||
.header-box {
|
.header-box {
|
||||||
background-color: #000000;
|
background-color: #000000;
|
||||||
|
|
|
@ -1,19 +1,15 @@
|
||||||
<template>
|
<template>
|
||||||
<!-- 主体内容 -->
|
<!-- 主体内容 -->
|
||||||
<div class="babyalbum-detail-box">
|
<div class="babyalbum-detail-box">
|
||||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
<div class="baby-detail-top">
|
||||||
<div style="display: flex;align-items: center;">
|
<div class="baby-top-box">
|
||||||
<div
|
<div>宝宝相册>宝宝详情</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;">
|
<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby">
|
||||||
宝宝相册>宝宝详情</div>
|
|
||||||
<img src="../assets/kindergartenIntroduce/icon-back.png" @click="backBaby"
|
|
||||||
style="width: 48px;height: 48px;">
|
|
||||||
</div>
|
</div>
|
||||||
<div style="font-size: 24px;font-weight: 800;color: #3F3F3F;">龚柯源的相册</div>
|
<div class="baby-name">龚柯源的相册</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div class="baby-album-box">
|
||||||
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">
|
||||||
<img src="../assets/babyalbum/-s-选择1.png" class="swiper-button-prev" style="width: 58px;height: 58px;">
|
|
||||||
<div style="width: 80%;margin: 0 auto;">
|
<div style="width: 80%;margin: 0 auto;">
|
||||||
<div class="swiper-container">
|
<div class="swiper-container">
|
||||||
<div class="swiper-wrapper">
|
<div class="swiper-wrapper">
|
||||||
|
@ -35,7 +31,7 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue