支付

src/components/common/VipModal.vue

@@ -8,10 +8,17 @@
                     <user-avatar avatarType="small" onlyAvatar />
                 </div> -->
                 <!-- <div class="title">开通会员</div> -->
-                <!-- <n-gradient-text gradient="linear-gradient(289deg, #8F008E 0%, #2900D4 100%)">
+                <n-gradient-text
+                    :gradient="{
+                        deg: 289,
+                        from: '#006F66',
+                        to: '#006F66'
+                    }"
+                    class=" text-xl"
+                >
                     开通会员
-                </n-gradient-text> -->
-                <img src="@/assets/shareVip.png" alt="" class="title" />
+                </n-gradient-text>
+                <!-- <img src="@/assets/shareVip.png" alt="" class="title" /> -->
                 <div class="qrcode flex items-center justify-center">
                     <qrcode-vue :value="shareUrl" :size="300" renderAs="svg" level="Q" />
                 </div>
@@ -113,7 +120,7 @@ function goChat() {
 .share-img {
     width: 260px;
     height: 316px;
-    background: #ffffff linear-gradient(133deg, #dbf1fe 0%, #e3b7fb 50%, #7c58f8 100%);
+    background: #ffffff linear-gradient(133deg, #d3ffdb 0%, #00d8da 100%);
     border-radius: 16px;
     box-sizing: border-box;
     padding: 20px 30px;
@@ -127,10 +134,10 @@ function goChat() {
 
     .qrcode {
         background-color: #fff;
-        box-shadow: 0px 0px 4px 0px rgba(163, 121, 255, 0.5);
+        box-shadow: 0px 0px 4px 0px #006F6666;
         padding: 15px;
         background: #ffffff;
-        box-shadow: 0px 4px 9px 0px rgba(163, 121, 255, 0.5);
+        box-shadow: 0px 4px 9px 0px #006F6666;
         border-radius: 12px;
         margin-top: 18px;
         :deep(svg) {
@@ -141,7 +148,7 @@ function goChat() {
 
     .text {
         font-size: 12px;
-        color: #5b4380;
+        color: #006F66;
         margin-top: 16px;
         position: relative;
         &::before {
@@ -151,7 +158,7 @@ function goChat() {
             content: '';
             width: 12px;
             height: 1px;
-            background: linear-gradient(270deg, #5b4380 0%, rgba(91, 67, 128, 0) 100%);
+            background: linear-gradient(270deg, #D3FFDB 0%, #00D8DA 100%);
             opacity: 0.8;
         }
 
@@ -162,7 +169,7 @@ function goChat() {
             content: '';
             width: 12px;
             height: 1px;
-            background: linear-gradient(270deg, rgba(91, 67, 128, 0) 0%, #5b4380 100%);
+            background: linear-gradient(270deg, #00D8DA 0%, #D3FFDB 100%);
             opacity: 0.8;
         }
     }