From cea87be65dfde3ad1c78393bd5001f8dcd8ff5b1 Mon Sep 17 00:00:00 2001
From: ZiuChen <457353192@qq.com>
Date: Sun, 18 Sep 2022 16:42:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E5=9C=A8=E4=B8=BB?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2=E4=B8=8A=E6=B7=BB=E5=8A=A0=E8=87=AA=E5=AE=9A?=
 =?UTF-8?q?=E4=B9=89=E7=9A=84=E5=8A=9F=E8=83=BD=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/global/registerElement.js | 14 ++++++++++++--
 src/views/Setting.vue         |  9 +++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/global/registerElement.js b/src/global/registerElement.js
index 2701d85..c87d6a5 100644
--- a/src/global/registerElement.js
+++ b/src/global/registerElement.js
@@ -8,10 +8,20 @@ import {
   ElCard,
   ElInput,
   ElSelect,
-  ElOption
+  ElOption,
+  ElScrollbar
 } from 'element-plus'
 
-const components = [ElButton, ElMessageBox, ElMessage, ElCard, ElInput, ElSelect, ElOption]
+const components = [
+  ElButton,
+  ElMessageBox,
+  ElMessage,
+  ElCard,
+  ElInput,
+  ElSelect,
+  ElOption,
+  ElScrollbar
+]
 
 document.querySelector('html').className = utools.isDarkColors() ? 'dark' : ''
 
diff --git a/src/views/Setting.vue b/src/views/Setting.vue
index 5710833..1f9ea15 100644
--- a/src/views/Setting.vue
+++ b/src/views/Setting.vue
@@ -4,6 +4,7 @@
       <template #header>
         <el-button type="primary" @click="handleLinkClick(0)">🚀 主页</el-button>
         <el-button @click="handleLinkClick(1)">⚡ 云同步教程</el-button>
+        <el-button @click="handleLinkClick(1)">💡 创造自己的功能按钮</el-button>
         <el-button @click="handleLinkClick(2)">⭐ 开源代码</el-button>
         <el-button @click="handleLinkClick(3)">🎈 论坛发布页</el-button>
       </template>
@@ -30,16 +31,20 @@
           天
         </div>
         <div class="setting-card-content-item">
-          <span>展示在主界面的功能按钮</span>
+          <span>展示在主界面的功能</span>
           <el-select
             class="operation-select"
             v-model="shown"
             multiple
             :multiple-limit="4"
             placeholder="请选择"
+            :teleported="false"
           >
             <el-option
-              v-for="{ id, title, icon } in defaultOperation"
+              v-for="{ id, title, icon } in [
+                ...defaultOperation,
+                ...custom.map(({ id, title, icon }) => ({ id, title, icon }))
+              ]"
               :key="id"
               :label="icon + title"
               :value="id"