From ef0de7ad8cacc95f1ae78baa065896839386eb95 Mon Sep 17 00:00:00 2001
From: jiangrui <jiangrui@01ly.com.cn>
Date: Wed, 12 Mar 2025 12:58:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E8=AE=BE=E7=BD=AE=E9=A1=B5cookie=E9=BB=98?=
 =?UTF-8?q?=E8=AE=A4=E4=B8=8D=E6=98=BE=E7=A4=BA=E6=98=8E=E6=96=87=E4=B8=8E?=
 =?UTF-8?q?=E8=B5=84=E6=BA=90=E6=A0=87=E9=A2=98=E7=82=B9=E5=87=BB=E5=A4=8D?=
 =?UTF-8?q?=E5=88=B6=E9=93=BE=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/mobile/ResourceCard.vue    | 30 +++++++++++++--
 frontend/src/views/mobile/Setting.vue         | 38 +++++++++++++++++--
 2 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/mobile/ResourceCard.vue b/frontend/src/components/mobile/ResourceCard.vue
index fa0833d..fab9d40 100644
--- a/frontend/src/components/mobile/ResourceCard.vue
+++ b/frontend/src/components/mobile/ResourceCard.vue
@@ -19,7 +19,7 @@
         <!-- 右侧信息 -->
         <div class="content__info">
           <!-- 标题 -->
-          <div class="info__title" @click="openUrl(item.cloudLinks[0])">
+          <div class="info__title" @click="copyUrl(item.cloudLinks[0])">
             {{ item.title }}
           </div>
 
@@ -72,6 +72,7 @@
 <script setup lang="ts">
 import { computed, ref } from "vue";
 import { useResourceStore } from "@/stores/resource";
+import { showNotify } from "vant";
 import type { ResourceItem } from "@/types";
 
 // Props 定义
@@ -112,8 +113,29 @@ const handleSave = (resource: ResourceItem) => {
 const handleJump = (resource: ResourceItem) => {
   emit("jump", resource);
 };
-const openUrl = (url: string) => {
-  window.open(url);
+
+const copyUrl = async (url: string) => {
+  try {
+    await navigator.clipboard.writeText(url);
+    showNotify({
+      type: "success",
+      message: "链接已复制到剪贴板",
+      duration: 1500,
+    });
+  } catch (err) {
+    const input = document.createElement("input");
+    input.value = url;
+    document.body.appendChild(input);
+    input.select();
+    document.execCommand("copy");
+    document.body.removeChild(input);
+
+    showNotify({
+      type: "success",
+      message: "链接已复制到剪贴板",
+      duration: 1500,
+    });
+  }
 };
 
 const searchMovieforTag = (tag: string) => {
@@ -199,7 +221,7 @@ const toggleExpand = (id: string) => {
     @include text-ellipsis(2);
 
     &:active {
-      color: var(--theme-theme);
+      opacity: 0.7;
     }
   }
 
diff --git a/frontend/src/views/mobile/Setting.vue b/frontend/src/views/mobile/Setting.vue
index 01eebb1..f5e3572 100644
--- a/frontend/src/views/mobile/Setting.vue
+++ b/frontend/src/views/mobile/Setting.vue
@@ -48,20 +48,35 @@
         <van-cell-group inset>
           <van-field
             v-model="localUserSettings.cloud115Cookie"
+            :type="showCloud115Cookie ? 'text' : 'password'"
             label="115网盘"
-            type="textarea"
             rows="2"
             autosize
             placeholder="请输入115网盘Cookie"
-          />
+          >
+            <template #right-icon>
+              <van-icon
+                :name="showCloud115Cookie ? 'eye-o' : 'closed-eye'"
+                @click="showCloud115Cookie = !showCloud115Cookie"
+              />
+            </template>
+          </van-field>
+
           <van-field
             v-model="localUserSettings.quarkCookie"
+            :type="showQuarkCookie ? 'text' : 'password'"
             label="夸克网盘"
-            type="textarea"
             rows="2"
             autosize
             placeholder="请输入夸克网盘Cookie"
-          />
+          >
+            <template #right-icon>
+              <van-icon
+                :name="showQuarkCookie ? 'eye-o' : 'closed-eye'"
+                @click="showQuarkCookie = !showQuarkCookie"
+              />
+            </template>
+          </van-field>
         </van-cell-group>
       </div>
 
@@ -122,6 +137,10 @@ const localUserSettings = ref<UserSettingAttributes>({
   quarkCookie: "",
 });
 
+// 添加显示/隐藏密码的状态
+const showCloud115Cookie = ref(false);
+const showQuarkCookie = ref(false);
+
 // 监听 store 变化
 watch(
   () => settingStore.globalSetting,
@@ -252,4 +271,15 @@ const handleProxyHostChange = (val: string) => {
 :deep(.van-cell-group--inset) {
   margin: 0;
 }
+
+// 添加图标样式
+:deep(.van-field__right-icon) {
+  padding: 0 8px;
+  cursor: pointer;
+  color: var(--theme-color);
+
+  .van-icon {
+    font-size: 18px;
+  }
+}
 </style>