fix style

Author: dfhfg123

src/views/btnDocs/index.vue

@@ -1,38 +1,45 @@
 <template>
-  <btnMenu
-    :show_cases="show_cases"
-    :button-text="$t('buttons.docs')"
-    icon="book-open"
-    :is-json="true"
-  >
-    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
-      <path
-        fill="#fff"
-        d="M8 13h8v-2H8zm0 3h8v-2H8zm0 3h5v-2H8zm-2 3q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22zm7-13V4H6v16h12V9zM6 4v5zv16z"
-      />
-    </svg>
-  </btnMenu>
+  <div class="dropdown-container" @click="openDocs">
+    <span class="slot-container">
+      <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24">
+        <path
+          fill="#fff"
+          d="M8 13h8v-2H8zm0 3h8v-2H8zm0 3h5v-2H8zm-2 3q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22zm7-13V4H6v16h12V9zM6 4v5zv16z"
+        />
+      </svg>
+    </span>
+    <span class="button-text">{{ $t('buttons.docs') }}</span>
+  </div>
+  
 </template>
 <script setup lang="ts">
-  import btnMenu from '@/components/modules/btnMenu.vue'
-  import { onMounted, ref, watch } from 'vue'
-  import { useI18n } from 'vue-i18n'
-  // import { useDatasetStore } from '@/stores/datasetStore'
-  // const datasetStore = useDatasetStore()
+  const openDocs = () => {
+    window.open('https://docs.bizyair.cn/', '_blank')
+  }
+</script>
+<style scoped>
+  .dropdown-container {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    position: relative;
+    padding: 0 12px;
+    border-radius: 4px;
+    transition: all 0.3s;
+  }
 
-  const { t, locale } = useI18n()
+  .dropdown-container:hover {
+    background-color: #4a238e;
+  }
 
-  const show_cases = ref({})
-  show_cases.value = {
-    [t('btnDocs.price')]: 'https://price.bizyair.cn/',
-    [t('btnDocs.doc')]: 'https://docs.bizyair.cn/'
+  .slot-container {
+    margin-right: 4px;
+    height: 16px;
   }
-  watch(locale, () => {
-    show_cases.value = {
-      [t('btnDocs.price')]: 'https://price.bizyair.cn/',
-      [t('btnDocs.doc')]: 'https://docs.bizyair.cn/'
-    }
-  })
-  onMounted(() => {})
-</script>
-<style scoped></style>
+
+  .button-text {
+    display: block;
+    line-height: 32px;
+    font-size: 14px;
+  }
+</style>

src/views/btnProfile/DialogInfo.vue

@@ -284,7 +284,7 @@
       cancelText: '取消',
       continueText: '前往 bizyair.cn'
     })
-    if (res) window.open('https://bizyair.cn', '_blank')
+    if (res) window.open('https://bizyair.cn/user/topup', '_blank')
   }
 
   const handleRenewClick = async () => {
@@ -294,7 +294,7 @@
       cancelText: '取消',
       continueText: '前往 bizyair.cn'
     })
-    if (res) window.open('https://bizyair.cn', '_blank')
+    if (res) window.open('https://bizyair.cn/user/topup', '_blank')
   }
 </script>
 <style scoped lang="less">