Mon Mar 24 08:17:00 CST 2025 inscode

index.html

@@ -197,7 +197,7 @@
     <template id="gifts-list-popup-template">
         <div class="bounbottom-popupter-gift-list">
             <div class="gift-list-container">
-                <div v-for="(item, index) in giftList" :key="index" :class="(item?'gift-list-item ': ' ')">
+                <div v-for="(item, index) in giftList" :key="index" :class="((item?'gift-list-item ': ' ')+(item.class?item.class:''))">
                     <div class="gift-list-avatar"><img :src="item.avatar"/></div>
                     <div class="gift-list-content">{{item.text}}</div>
                     <div class="gift-list-gift-img">

src/float/bottomPopup.scss

@@ -319,7 +319,7 @@
             padding-right: 40px;
             .gift-list-avatar {
                 border-radius: 50%;
-                border: 3px solid #ffb3b3;
+                border: 3px solid #ecd54e;
                 overflow: hidden;
                 width: 36px;
                 height: 36px;

src/float/bottomPopup.ts

@@ -211,6 +211,7 @@ export function GiftsListPopup(props:any) {
     return {
         $template:'#gifts-list-popup-template',
         giftList:[{
+            class:'shamozihua',
             avatar: 'https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250322202646157-442978556.png',
             avatarClass: '',
             text: "棘祥杏福 情定终身",

src/section/components/wedding-calendar/index.scss

@@ -4,6 +4,9 @@
     font-family: 'Pacifico', 'cursive';
     position: relative;
     padding-top:110px ;
+       border-collapse: collapse;
+            width: 100%;
+        //    
     h1 {
         position: absolute;
         top: 30px;
@@ -25,11 +28,9 @@
         backdrop-filter: blur(8px);
         position: relative;
         font-family: 'Pacifico', 'cursive';
-
+    
         table {
-            border-collapse: collapse;
-            width: 100%;
-
+              width: 100%;
             th {
                 padding: 8px;
                 font-size: 20px;
@@ -41,6 +42,7 @@
             td {
                 text-align: center;
                 font-size: 20px;
+                margin: 0 auto;
                 font-family: 'Pacifico', 'cursive';
                 color: #333;
                 position: relative;
@@ -71,7 +73,7 @@
             display: flex;
             justify-content: center;
             align-items: center;
-
+          
             .wedding-calendar-heart {
                 width: 20px;
                 height: 20px;