page

nova-tourism/components/homestay/index.less

@@ -7,10 +7,10 @@
     position:relative;
     .picturebox{
         width: 100%;
-        height: 438rpx;
+        height: 442rpx;
         .img{
             width: 100%;
-            height: 438rpx;
+            height: 442rpx;
             image{
                 width: 100%;
                 height: 100%;
@@ -27,8 +27,8 @@
         margin-top: -62rpx;
         z-index: 100;
         .infobox{
-            width: 94%;
-            height: 217rpx;
+            width: 686rpx;
+            height: 222rpx;
             background-color: white;
             display: flex;
             justify-content: center;
@@ -62,7 +62,7 @@
                 border-top: solid #e5e5e5 2rpx;
                 .today{
                     font-size: 28rpx;
-                    color: gray;
+                    color: #707070;
                     margin-left: 10rpx;
                     display: flex;
                     justify-content: flex-end;
@@ -70,6 +70,7 @@
                 .start{
                     display: flex;
                     justify-content: flex-end;
+                    color: #000000;
                 }
                 .day{
                     display: flex;
@@ -78,12 +79,13 @@
                     margin-left: auto;
                     width: 90rpx;
                     height: 42rpx;
-                    background-color: #ECECEC;
-                    font-size: 25rpx;
+                    background-color: #D9D9D980;
+                    font-size: 22rpx;
                     color: black;
                 }
                 .end{
                     margin-left: auto;
+                    color: #000000;
                 }
             }
             
@@ -92,7 +94,6 @@
 
 
     .Legendary-Information{
-        margin-top: 12rpx;
         width: 100%;
         background-color: white;
         overflow-y: hidden;
@@ -102,12 +103,12 @@
         display: flex;
         justify-content: center;
         flex-wrap: wrap; /* 允许换行 */
-        gap: 20rpx; /* 设置间距 */
+        gap: 10rpx; /* 设置间距 */
 
         .container {
             display: flex; /* 使用 Flexbox 布局 */
             flex-direction: column; /* 垂直排列 */
-            width: calc(50% - 20rpx); /* 计算宽度，考虑间距 */
+            width: 346rpx; /* 计算宽度，考虑间距 */
             margin-bottom: 20rpx; /* 设置底部间距 */
             .picbox {
                 height: 280rpx;
@@ -137,44 +138,49 @@
             }
             .cardbox {
                 width:100%; /* 计算宽度，考虑间距 */
-                margin-bottom: 20rpx; /* 设置卡片底部间距 */
                 background-color: #F9F9F9;
                 box-sizing: border-box; /* 确保内边距和边框包含在宽度内 */
-                margin-bottom: 20rpx; /* 设置卡片底部间距 */
+                margin-bottom: 10rpx; /* 设置卡片底部间距 */
                 // width: 49%; /* 确保卡片宽度为100% */
-                height: auto;
+                height: 398rpx;
                 background-color: #F9F9F9;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                flex-direction: column;
                 // float: left;
                 .pic{
-                    width: 100%;
-                    height: 206rpx;
+                    width: 336rpx;
+                    height: 198rpx;
                     border-radius: 10rpx;
                 }
                 .textobx{
-                    width: 100%;
-                    height: auto;
+                    width: 302rpx;
+                    height: 152rpx;
+                    margin-bottom: 20rpx;
                     // padding-top: 6rpx;
-                    padding-left: 20rpx;
-                    padding-right: 20rpx;
                     .title{
                         width: 100%;
                         height: 50rpx;
+                        margin-top: 4rpx;
                         display: flex;
                         align-items: center;
                         .til{
                             font-size: 28rpx;
-                            font-weight: 600;
+                            font-weight: 700;
+                            color: #000000;
                         }
                         .collect{
-                            width: 50rpx;
-                            height: 50rpx;
+                            width: 46rpx;
+                            height: 46rpx;
                             margin-left: auto;
                         }
                     }
                     .miaosu{
-                        width: 100%;
-                        height: 72rpx; /* 设置固定高度 */
-                        font-size: 28rpx;
+                        width: 284rpx;
+                        height: 70rpx; /* 设置固定高度 */
+                        font-size: 26rpx;
+                        font-weight: 400;
                         overflow: hidden; /* 隐藏超出部分 */
                         display: -webkit-box; /* 使用弹性盒子布局 */
                         -webkit-box-orient: vertical; /* 垂直排列 */
@@ -187,18 +193,21 @@
                     }
                     .bottom{
                         width: 100%;
-                        height: 68rpx;
+                        height: 46rpx;
+                        margin-top: 4rpx;
                         display: flex;
-                        align-items: center;
+                        
                         .qian{
-                            color: #C5262Ced;
+                            font-size: 28;
+                            font-weight: 400;
+                            color: #C5262C;
                             display: flex;
                             .numbox{
                                 margin-left: 6rpx;
                             }
                         }
                         .soucang{
-                            width: 110rpx;
+                            width: 118rpx;
                             height: 46rpx;
                             font-size: 25rpx;
                             background-color: #343027;