feat: copy to clipboard when clicking scores

ZJU-Turing · Feb 6, 2024 · bbd411a · bbd411a
1 parent 2d276de
commit bbd411a
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 10 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
         "dangerouslyUploadLocal": "node --env-file=.env.local ./tools/uploadLocal.js"
     },
     "dependencies": {
+        "clipboard": "^2.0.11",
         "element-plus": "^2.5.3",
         "leancloud-storage": "^2.5.4",
         "markdown-it": "^14.0.0",

diff --git a/src/components/RemarkComp.vue b/src/components/RemarkComp.vue
@@ -3,13 +3,12 @@ import markdownit from "markdown-it";
 import { onMounted, ref } from "vue";
 
 const $ = defineProps({ data: Object });
-const md = markdownit({
-    html: true,
-});
+const md = markdownit({ html: true });
 
 const parsed = ref("");
 
-const setHash = () => {
+const copyRef = () => {
+    navigator.clipboard.writeText(`https://tsk.xecades.xyz/#${$.data.objectId}`);
     location.hash = `#${$.data.objectId}`;
 };
 
@@ -22,8 +21,9 @@ onMounted(() => {
     <el-card shadow="hover" :id="data.objectId">
         <template #header>
             <el-text size="large" type="info" class="info">
-                <el-text size="large" type="primary" style="cursor: pointer;" @click="setHash">{{ data.score }}
-                    分</el-text>
+                <el-text size="large" type="primary" style="cursor: pointer;" @click="copyRef">
+                    {{ data.score }} 分
+                </el-text>
                 · {{ data.name || "匿名" }} · {{ data.grade }} · {{ data.course }}
             </el-text>
         </template>