|
@@ -7,6 +7,7 @@
|
|
|
background-position: center top;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: contain;
|
|
|
+ justify-content: space-between;
|
|
|
}
|
|
|
|
|
|
.top {
|
|
@@ -26,25 +27,38 @@
|
|
|
justify-content: flex-start;
|
|
|
margin-bottom: 25px;
|
|
|
position: relative;
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
|
|
|
-.section .cover1 {
|
|
|
- background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic1.png');
|
|
|
+.section .cover {
|
|
|
background-repeat: no-repeat;
|
|
|
background-position: top top;
|
|
|
background-size: cover;
|
|
|
width: 100%;
|
|
|
- height: 104px;
|
|
|
+ height: 114px;
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
z-index: 100;
|
|
|
}
|
|
|
|
|
|
+.section .cover1 {
|
|
|
+ background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic1.png');
|
|
|
+}
|
|
|
+
|
|
|
+.section .cover2 {
|
|
|
+ background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic2.png');
|
|
|
+}
|
|
|
+
|
|
|
+.section .cover3 {
|
|
|
+ background-image: url('https://houseoss.4dkankan.com/mini-ar-test/assets/pic3.png');
|
|
|
+}
|
|
|
+
|
|
|
.section .text {
|
|
|
background-color: #ffffff;
|
|
|
- width: calc(100% - 8px);
|
|
|
- height: 39px;
|
|
|
+ width: calc(100% - 28px);
|
|
|
+ height: 38px;
|
|
|
border-radius: 10px;
|
|
|
position: absolute;
|
|
|
z-index: 0;
|
|
@@ -52,7 +66,10 @@
|
|
|
left: 50%;
|
|
|
transform: translateX(-50%);
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
+ align-items: flex-end;
|
|
|
+ padding: 0 10px;
|
|
|
+ padding-bottom: 5px;
|
|
|
+ box-shadow: 2px 6px 14px 3px rgb(0 0 0 / 20%);
|
|
|
}
|
|
|
|
|
|
|