update

src/pages/home.vue

@@ -166,6 +166,14 @@ export default {
             this.data = res;
             this.$store.commit("setTempleMeritId", res.temple_merit_id);
             this.data.icon_data = this.sliceNav(res.icon_data);
+            this.wechatReady({
+                ...res.shareConfig,
+                link: location.href.replace("#/home", ""),
+                title: "菩提家园",
+                desc: "给心一个家",
+                imgUrl: "https://temple-h5-new.oss-cn-hangzhou.aliyuncs.com/uploads/dev/2025/04/16/phpGweHzl.jpg",
+            });
+
             setTimeout(() => {
                 document.title = "自在福田";
             }, 10);
@@ -265,47 +273,43 @@ export default {
     .panel {
         padding-bottom: 0;
     }
-}
-.merit-scroll-container {
-    margin: 0 0.4rem;
-    height: 3.39rem;
-    overflow-x: auto;
-    .merit-scroll-wrapper {
-        white-space: nowrap;
+
+    .merit-scroll-container {
+        margin: 0 0.4rem;
+        height: 3.39rem;
+        overflow-x: auto;
+        .merit-scroll-wrapper {
+            white-space: nowrap;
+        }
     }
-}
-.merit-group {
-    padding-bottom: 0.4rem;
-}
-.merit {
-    width: 3.39rem;
-    height: 3.39rem;
-    display: inline-block;
-    position: relative;
-    border-radius: 0.16rem;
-    vertical-align: top;
-    overflow: hidden;
-    & ~ .merit {
-        margin-left: 0.4rem;
+    .merit-group {
+        padding-bottom: 0.4rem;
     }
-    img {
-        width: 100%;
-        height: 100%;
-    }
-    .title {
-        position: absolute;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        height: 0.91rem;
-        background: rgba(0, 0, 0, 0.7);
-        color: white;
-        line-height: 0.91rem;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        font-size: 0.37rem;
-        padding: 0 0.11rem;
+    .merit {
+        display: flex;
+        position: relative;
+        vertical-align: top;
+        gap: 0.2rem;
+        border-bottom: 1px solid #f1f1f1;
+        padding-bottom: 0.4rem;
+        & ~ .merit {
+            margin-top: 0.4rem;
+        }
+
+        img {
+            width: 2rem;
+            height: 2rem;
+            object-fit: cover;
+            border-radius: 0.1rem;
+        }
+
+        .title {
+            color: #333;
+            flex: 1;
+            white-space: nowrap;
+            font-size: 0.37rem;
+            padding: 0 0.11rem;
+        }
     }
 }
 </style>