Tue Mar 25 14:25:00 CST 2025 inscode

index.html

@@ -32,11 +32,11 @@
         <canvas id="svga-container" style="width:100%;  height: auto;"></canvas>
     </div>
     <div id="gift-card-animation-box">
-         <div class="shuamozhihua">
+        <div class="shuamozhihua">
             <div class="shuamozhihua-title">棘祥杏福 情定终身</div>
             <img class="shuamozhihua-img1" src="https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250322205303857-804953175.png" />
             <img class="shuamozhihua-img2" src="https://vercel-proxy.fivecc.cn/static-img/1775464/202503/1775464-20250322205245772-817504696.png" />
-         </div>
+        </div>
     </div>
 
     <div id="app">
@@ -208,7 +208,14 @@
                 <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-content">
+                        <div class="gift-list-avatar-name">
+                          <span>{{item.avatarName}}</span> 祝：
+                        </div>
+                        <span>
+                            {{item.text}}
+                        </span>
+                    </div>
                     <div class="gift-list-gift-img">
                         <img class="gift-img1" :src="item.giftImg"/>
                         <img class="gift-img2" :src="item.giftImg2"/>

src/float/bottomPopup.ts

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

src/style.scss

@@ -227,7 +227,7 @@ button:focus-visible {
             min-height: 20px;
             text-align: left;
             margin-top: 2px;
-            font-size: 18px;
+           
             padding: 4px 8px;
             opacity: 1;
             color: #fafafa;
@@ -257,6 +257,12 @@ button:focus-visible {
             }
 
             .gift-list-content {
+                .gift-list-avatar-name{
+                    color: #fafafa;
+                    font-family: 'Pacifico', 'cursive';
+                    font-size: 14px;
+                }
+                 font-size: 18px;
                 font-family: 'Muyao', 'Pacifico', 'cursive';
                 text-shadow: 0 0 10px rgba(243, 221, 27, 0.836);
                 white-space: nowrap;
@@ -345,16 +351,9 @@ button:focus-visible {
             top: 14vh;
             font-family: 'Sanjixinkai', 'Pacifico', 'cursive';
             font-size: 32px;
+            background-color: rgba(255, 182, 193, 0.6);
             backdrop-filter: blur(6px);
             border: 3px solid transparent;
-            background-image: linear-gradient(to right bottom,
-                    rgba(255, 255, 255, 0.4),
-                    rgba(255, 255, 255, 0.1)),
-                linear-gradient(to right bottom,
-                    rgba(236, 236, 236, 0.5) 0%,
-                    rgba(255, 255, 255, 0) 40%,
-                    rgba(255, 72, 219, 0) 55%,
-                    rgba(235, 27, 27, 0.2) 100%);
             padding: 10px 20px;
             border-radius: 50px;
             color: #e74210;