feat: 增加支持订阅外链跳转，订阅、文件、同步新增按钮位置默认左下角

package.json

@@ -1,6 +1,6 @@
 {
   "name": "sub-store-front-end",
-  "version": "2.14.291",
+  "version": "2.14.292",
   "private": true,
   "scripts": {
     "dev": "vite --host",

src/components/SubListItem.vue

@@ -57,6 +57,9 @@
         <div class="sub-item-title-wrapper">
           <h3 v-if="!appearanceSetting.isSimpleMode" class="sub-item-title">
             {{ displayName || name }}
+            <span v-if="appOpenBtnVisible" class="app-url" @click="openAppUrl">
+              <font-awesome-icon icon="fa-solid fa-square-arrow-up-right" />
+            </span>
             <span v-for="i in tag" :key="i" class="tag">
               <nut-tag>{{ i }}</nut-tag>
             </span>
@@ -67,6 +70,9 @@
             style="color: var(--primary-text-color); font-size: 16px"
           >
             {{ displayName || name }}
+            <span v-if="appOpenBtnVisible" class="app-url" @click="openAppUrl">
+              <font-awesome-icon icon="fa-solid fa-square-arrow-up-right" />
+            </span>
             <span v-for="i in tag" :key="i" class="tag">
               <nut-tag>{{ i }}</nut-tag>
             </span>
@@ -348,6 +354,7 @@ const remarkText = computed(() => {
   }
 });
 const { flows } = storeToRefs(subsStore);
+
 const icon = computed(() => {
   return appearanceSetting.value.isDefaultIcon ? logoIcon : logoRedIcon;
 });
@@ -520,7 +527,13 @@ const closeCompare = () => {
 
   router.back();
 };
+
+const appOpenBtnVisible = computed(() => {
+  return props.type === 'sub' && typeof flow.value === 'object' && flow.value?.appUrl;
+});
+
 const openAppUrl = () => {
+  console.log('flow', flow.value);
   if (typeof flow.value === 'object' && flow.value?.appUrl) {
     window.open(flow.value.appUrl);
   }
@@ -784,8 +797,12 @@ const onClickRefresh = async () => {
         overflow: hidden;
         font-size: 16px;
         color: var(--primary-text-color);
+        vertical-align: middle;
+      }
+      .app-url {
+        font-size: 14px !important;
+        margin: 0 2px;
       }
-
       .tag {
         margin: 0 2px;
       }

src/plugin/awesomeIcon.ts

@@ -31,7 +31,8 @@ import {
   faFileImport,
   faFileExport,
   faShareNodes,
-  faLink
+  faLink,
+  faSquareArrowUpRight,
 } from '@fortawesome/free-solid-svg-icons';
 
 library.add(faFileImport);
@@ -65,3 +66,4 @@ library.add(faT);
 library.add(faICursor);
 library.add(faShareNodes);
 library.add(faLink);
+library.add(faSquareArrowUpRight);

src/views/File.vue

@@ -18,7 +18,7 @@
           }"
           :style="{
             cursor: 'pointer',
-            right: '16px',
+            left: '16px',
             bottom: `${
               bottomSafeArea +
               48 +

src/views/Sub.vue

@@ -71,7 +71,7 @@
           }"
           :style="{
             cursor: 'pointer',
-            right: '16px',
+            left: '16px',
             bottom: `${
               bottomSafeArea +
               48 +

src/views/Sync.vue

@@ -17,7 +17,7 @@
           }"
           :style="{
             cursor: 'pointer',
-            right: '16px',
+            left: '16px',
             bottom: `${
               bottomSafeArea +
               48 +