fnegwu page

nova-tourism/components/collect/index.less

@@ -4,9 +4,11 @@
     overflow-y: scroll;
     padding-bottom: 30rpx;
     color: #382E2E;
+    font-weight: 400;
+    font-family: "Microsoft JhengHei", "PingFang SC", "Helvetica Neue", sans-serif; 
     .img2{
         width: 100%;
-        height: 430rpx;
+        height: 442rpx;
     }
     //云上风物
     .box{
@@ -170,7 +172,7 @@
 
     //我的收藏
     .Legendary-Information{
-        margin-top: 40rpx;
+        margin-top: 44rpx;
         width: 100%;
         background-color: white;
         overflow-y: hidden;
@@ -178,41 +180,46 @@
         padding-right: 3%;
         padding-bottom: 40rpx;
         column-count: 2; /* 设置列数 */
-        column-gap: 20rpx; /* 设置列间距 */
+        column-gap: 10rpx; /* 设置列间距 */
         .cardbox {
             break-inside: avoid; /* 防止卡片在列之间断裂 */
             margin-bottom: 20rpx; /* 设置卡片底部间距 */
-            width: 100%; /* 确保卡片宽度为100% */
+            width: 346rpx;
+            height: 398rpx; /* 确保卡片宽度为100% */
             background-color: #F9F9F9;
+            display: flex;
+            align-items: center;
+            flex-direction: column;
             .pic{
-                width: 100%;
-                height: 206rpx;
+                width: 336rpx;
+                height: 198rpx;
                 border-radius: 10rpx;
             }
             .textobx{
-                width: 100%;
-                height: auto;
-                padding-left: 20rpx;
-                padding-right: 20rpx;
+                width: 302;
+                height: 152rpx;
+                margin-bottom: 20rpx;
                 .title{
                     width: 100%;
                     height: 50rpx;
+                    margin-top: 4rpx;
                     display: flex;
                     align-items: center;
                     .til{
                         font-size: 28rpx;
-                        font-weight: 600;
+                        font-weight:700;
                     }
                     .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;
@@ -221,10 +228,12 @@
                 }
                 .bottom{
                     width: 100%;
-                    height: 68rpx;
+                    height: 46rpx;
+                    margin-top: 4rpx;
                     display: flex;
-                    align-items: center;
                     .qian{
+                        font-size: 28;
+                        font-weight: 400;
                         color: #C5262Ced;
                         display: flex;
                         .numbox{
@@ -232,9 +241,10 @@
                         }
                     }
                     .soucang{
-                        width: 110rpx;
+                        width: 118rpx;
                         height: 46rpx;
-                        font-size: 25rpx;
+                        font-size: 24rpx;
+                        font-weight: 700;
                         background-color: #343027;
                         border-radius: 40rpx;
                         color: white;
@@ -247,33 +257,46 @@
             }
         }
     }
+
+    @font-face {
+        font-family: 'NotoSans-Bold-5';
+        src: url('../../styles/font/Noto-sans/NotoSans-Bold-5.ttf'); /* 字体文件路径 */
+    }
+    
     .tab-bar {
         display: flex;
         justify-content: space-around;
+        margin-top: 28rpx;
+        font-family: 'NotoSans-Bold-5', sans-serif;
       }
       
       .tab-item {
-        padding: 10px 0;
+        padding: 10rpx 0;
         text-align: center;
         position: relative;
         color: #969696;
+        font-size: 28rpx;
+        font-weight: 400;
       }
       
       .tab-item.active {
         position: relative;
         color: #67806A;
+        font-size: 32rpx;
+        font-weight: 500;
       }
       
       .tab-item.active::after {
         content: "";
-        width: 80%;
+        width: 64rpx;
         position: absolute;
-        left: 10%;
-        right: 10%; 
+        left: calc(50% - 32rpx); 
+        right: calc(50% - 32rpx); 
         bottom: 0;
         height: 6rpx;
         background-color: #67806A;
         border-radius: 4rpx;
+
         
       }
 

nova-tourism/components/collect/index.wxml

@@ -85,7 +85,7 @@
                             <image class="collect" wx:if="{{item.isCollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/8mp9uj030058190.png?imageView2/1/w/200/h/200"></image>
                         </view>
 
-                        <view class="miaosu" wx:if="{{item.homestayStore.desc}}" data-id="{{item.homestayStore.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
+                        <view class="miaosu"  data-id="{{item.homestayStore.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                             {{item.homestayStore.desc}}
                         </view>