立即续费

src/components/common/Setting/SettingIndex.vue

@@ -36,9 +36,24 @@ const show = computed({
 </script>
 
 <template>
-    <NModal v-model:show="show" :auto-focus="false" preset="card" style="width: 90%; max-width: 640px">
+    <NModal
+        class="!rounded-xl"
+        v-model:show="show"
+        :auto-focus="false"
+        preset="card"
+        style="width: 90%; max-width: 640px"
+    >
+        <template #header>
+            <div class="flex items-center">
+                <SvgIcon class="text-lg" icon="ri:file-user-line" />
+                <span class="ml-2">{{ $t('setting.general') }}</span>
+            </div>
+        </template>
         <div>
-            <NTabs v-model:value="active" type="line" animated>
+            <div class="min-h-[100px]">
+                <General />
+            </div>
+            <!--  <NTabs v-model:value="active" type="line" animated>
                 <NTabPane name="General" tab="General">
                     <template #tab>
                         <SvgIcon class="text-lg" icon="ri:file-user-line" />
@@ -48,7 +63,7 @@ const show = computed({
                         <General />
                     </div>
                 </NTabPane>
-                <!-- <NTabPane v-if="isChatGPTAPI" name="Advanced" tab="Advanced">
+                <NTabPane v-if="isChatGPTAPI" name="Advanced" tab="Advanced">
                     <template #tab>
                         <SvgIcon class="text-lg" icon="ri:equalizer-line" />
                         <span class="ml-2">{{ $t('setting.advanced') }}</span>
@@ -56,15 +71,15 @@ const show = computed({
                     <div class="min-h-[100px]">
                         <Advanced />
                     </div>
-                </NTabPane> -->
-                <!-- <NTabPane name="Config" tab="Config">
+                </NTabPane> 
+            <NTabPane name="Config" tab="Config">
                     <template #tab>
                         <SvgIcon class="text-lg" icon="ri:list-settings-line" />
                         <span class="ml-2">{{ $t('setting.config') }}</span>
                     </template>
                     <About />
-                </NTabPane> -->
-            </NTabs>
+                </NTabPane> 
+            </NTabs>-->
         </div>
     </NModal>
 </template>

src/components/common/VipPannel.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="flex-1" :class="{ dark: isDark }">
+    <div class="flex-1 pb-7" :class="{ dark: isDark }">
         <n-card :bordered="false" class="vipcard">
             <vip-card pageType="vip"></vip-card>
             <img :src="isDark ? vipBlock : vipBlockLight" class="block" alt="" />
@@ -22,6 +22,7 @@
                             from: '#DF9AFF',
                             to: '#7C3AED'
                         }"
+                        class="alimamaShuHeiTi"
                     >
                         专属权益
                     </n-gradient-text>
@@ -46,7 +47,7 @@
         </div>
 
         <n-carousel
-            class="px-5 pt-9"
+            class="px-5 pt-7"
             :space-between="23"
             :show-dots="false"
             slides-per-view="auto"
@@ -80,8 +81,8 @@
 
         <div class="btn-list flex items-align"></div>
 
-        <div class="px-6 py-10">
-            <n-button type="primary" size="large" round block @click="submit" :loading="loading"
+        <div class="px-6 py-3 mt-4 btn bg-white dark:bg-black">
+            <n-button class="alimamaShuHeiTi" type="primary" size="large" round block @click="submit" :loading="loading"
                 >¥{{ chooseMemberInfo?.price || 0 }} {{ isVip ? '立即续费' : '立即开通' }}</n-button
             >
         </div>
@@ -395,4 +396,10 @@ function goChat() {
 .exclusive {
     box-shadow: 0px 2px 4px 0px rgba(158, 164, 176, 0.1);
 }
+
+.btn{
+    position: sticky;
+    bottom: 0;
+    z-index: 20;
+}
 </style>

src/styles/global.less

@@ -25,7 +25,7 @@ body {
 }
 
 .alimamaShuHeiTi {
-    font-family: 'AlimamaShuHeiTi';
+    font-family: 'AlimamaShuHeiTi'!important;
 }
 
 .text-color-1 {

src/views/page/HomeView.vue

@@ -89,7 +89,7 @@
                 }"
                 class="mt-16 w-5/6 sm:w-80"
             >
-                <n-button type="primary" block round size="large" @click="goChat" :loading="loading">
+                <n-button type="primary" class="alimamaShuHeiTi" block round size="large" @click="goChat" :loading="loading">
                     立即体验
                 </n-button>
             </NConfigProvider>