misuxiangxi page

nova-tourism/pages/homestay/homestay-detail/index.js

@@ -318,15 +318,15 @@ Page({
                             iconPath: 'https://file-cloud.fmode.cn/13WZ0W7u3l/20240724/7ebg0k104325941.png?imageView2/1/w/200/h/200', // 自定义标记图标
                             width: 20,
                             height: 20,
-                            callout: {
-                                content: this.data.storeList[0].storeName, // 可以显示解析出的地址
-                                color: '#ffffff',
-                                bgColor: '#7F56B2',
-                                padding: 2,
-                                fontSize: 12,
-                                borderRadius: 5,
-                                display: 'ALWAYS'
-                            }
+                            // callout: {
+                            //     content: this.data.storeList[0].storeName, // 可以显示解析出的地址
+                            //     color: '#ffffff',
+                            //     bgColor: '#7F56B2',
+                            //     padding: 4,
+                            //     fontSize: 8,
+                            //     borderRadius: 3,
+                            //     display: 'ALWAYS'
+                            // }
                         }]
                     });
                     // console.log(this.data.address);

nova-tourism/pages/homestay/homestay-detail/index.less

@@ -6,13 +6,15 @@
     position: relative;
     overflow-y: scroll;
     color: #382E2E;
+    font-family: "Microsoft JhengHei", "PingFang SC", "Helvetica Neue", sans-serif; 
+    font-weight: 400;
     .picturebox{
         width: 100%;
-        height: 480rpx;
+        height: 456rpx;
         position: relative;
         .img{
             width: 100%;
-            height: 454rpx;
+            height: 456rpx;
             image{
                 width: 100%;
                 height: 100%;
@@ -21,12 +23,12 @@
         }
         .numberbox{
             position: absolute;
-            bottom: 60rpx;
+            bottom: 38rpx;
             right: 20rpx;
             z-index: 10;
             color: white;
-            width: 82rpx;
-            height: 48rpx;
+            width: 88rpx;
+            height: 54rpx;
             font-size: 28rpx;
             display: flex;
             justify-content: center;
@@ -39,13 +41,13 @@
         width: 100%;
         height: auto;
         position: absolute;
-        top: 432rpx;
+        top: 430rpx;
         .Legendary-Information{
             width: 100%;
             height: auto;
             background-color: white;
             border-radius: 20px; /* 左上角圆角 */
-            padding-top: 35rpx;
+            padding-top: 40rpx;
             padding-left: 40rpx;
             padding-right: 40rpx;
             padding-bottom: 20rpx;
@@ -55,17 +57,17 @@
                 display: flex;
                 align-items: center;
                 .name-tex{
-                    font-size: 34rpx;
-                    font-weight: 600;
+                    font-size: 38rpx;
+                    font-weight: 700;
                 }
                 .name-pic{
-                    height: 55rpx;
-                    width: 55rpx;
+                    height: 46rpx;
+                    width: 46rpx;
                     margin-left: auto;
                 }
             }
             .info-intr{
-                font-size: 28rpx;
+                font-size: 30rpx;
                 width: 100%;
                 height: auto;
                 margin-left: 10rpx;
@@ -85,8 +87,8 @@
                 align-items: center;
                 margin-top: 20rpx;
                 .map{
-                    width: 480rpx;
-                    height: 180rpx;
+                    width: 455rpx;
+                    height: 146rpx;
                 }
                 .info-call{
                     width: 156rpx;
@@ -97,11 +99,11 @@
                     flex-direction: column;
                     margin-left: 35rpx;
                     image{
-                        width: 60rpx;
-                        height: 60rpx;
+                        width: 48rpx;
+                        height: 48rpx;
                     }
                     .call-tex{
-                        font-size: 26rpx;
+                        font-size: 24rpx;
                         margin-top: 10rpx;
                     }
                 }
@@ -120,14 +122,13 @@
         background-color: white;
         .timebox{
             width: 100%;
+            height: 90rpx;
             background-color: white;
             display: flex;
             align-items: flex-end;
             position: relative;
             padding-left: 10rpx;
-            margin-bottom: 16rpx;
-            padding-bottom: 20rpx;
-            padding-top: 20rpx;
+            margin-bottom: 12rpx;
             .time{
                 width: 150rpx;
                 margin-left: 10rpx;
@@ -149,23 +150,24 @@
         }
         .room-card{
             width: 100%;
-            height: auto;
-            padding-left: 40rpx;
-            padding-right: 40rpx;
+            height: 334rpx;
+            padding-left: 38rpx;
+            padding-right: 38rpx;
             border: solid #e5e5e5 2rpx;
             box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.2);
             padding-top: 40rpx;
             border-radius: 30rpx;
-            margin-bottom: 20rpx;
+            margin-bottom: 24rpx;
+            position: relative;
             .room-card1{
                 width: 100%;
                 height: auto;
                 display: flex;
                 image{
-                    width: 175rpx;
-                    height: 223rpx;
+                    width: 166rpx;
+                    height: 222rpx;
                     margin-right: 20rpx;
-                    border-radius: 15rpx;
+                    border-radius: 4rpx;
                 }
                 .room-card-textbox{
                     width: 400rpx;
@@ -173,12 +175,12 @@
                     .room-card-textbox-titlebox{
                         display: flex;
                         .room-card-textbox-title{
-                            font-size: 32rpx;
-                            font-weight: 600;
+                            font-size: 34rpx;
+                            font-weight: 700;
                         }
                     }
                     .room-card-textbox-info{
-                        font-size: 26rpx;
+                        font-size: 24rpx;
                         width: 400rpx;
                         height: auto;
                         margin-top: 10rpx;
@@ -191,7 +193,7 @@
                         flex-wrap: wrap;
                         .room-card-textbox-label2{
                             width: auto;
-                            font-size: 24rpx;
+                            font-size: 20rpx;
                             margin-right: 20rpx;
                             padding-left: 4rpx;
                             padding-right: 4rpx;
@@ -207,37 +209,45 @@
                 }
             }
             .room-card2{
-                width: 100%;
+                width: 712rpx;
                 height: 100rpx;
                 display: flex;
                 justify-content: flex-end;
+                position: absolute;
+                bottom: 24rpx;
+                right: 34rpx;
+                align-items: flex-end;
                 .no{
-                    width: 200rpx;
-                    height: 80rpx;
+                    width: 282rpx;
+                    height: 86rpx;
                     display: flex;
                     justify-content: center;
                     align-items: center;
-                    font-size: 36rpx;
+                    font-size: 44rpx;
+                    font-weight: 700;
                     background-color:#1A1A1A ;
                     color: white;
                     margin-left: 20rpx;
                     border-radius: 10rpx;
                 }
                 .price{
-                    font-size: 36rpx;
+                    height: 50rpx;
+                    font-size: 40rpx;
+                    font-weight: 700;
                     color: #C5262C;
                     display: flex;
                     align-items: center;
                 }
                 .submit{
-                    width: 80rpx;
-                    height: 80rpx;
+                    width: 86rpx;
+                    height: 86rpx;
                     display: flex;
                     justify-content: center;
                     align-items: center;
-                    font-size: 36rpx;
+                    font-size: 48rpx;
                     background-color:#1A1A1A ;
                     color: white;
+                    font-weight: 700;
                     margin-left: 20rpx;
                 }
             }