经验等级调整

src/components/ConfigurationMenu.vue

@@ -7,6 +7,7 @@
   >
     <!-- 用户信息 -->
     <UserInfo
+      ref="user"
       :allQuickCommandsLength="allQuickCommandsLength"
       :allFeaturesLength="allFeaturesLength"
     />
@@ -221,13 +222,17 @@
         <q-item-section>个性化设置</q-item-section>
         <q-menu anchor="top end" self="top start">
           <q-list>
-            <q-item clickable :disable="!isVIP">
+            <q-item clickable :disable="!$refs.user.isVIP">
               <q-item-section side>
                 <q-icon name="color_lens" />
               </q-item-section>
               <q-item-section>主颜色</q-item-section>
               <q-tooltip>你可以更改界面的主题色，会员限定</q-tooltip>
-              <q-menu v-if="isVIP" nchor="top left" self="bottom end">
+              <q-menu
+                v-if="$refs.user.isVIP"
+                nchor="top left"
+                self="bottom end"
+              >
                 <q-card>
                   <q-color
                     no-header
@@ -244,7 +249,7 @@
                 </q-card>
               </q-menu>
             </q-item>
-            <q-item clickable :disable="!isVIP">
+            <q-item clickable :disable="!$refs.user.isVIP">
               <q-item-section side>
                 <q-icon name="image" />
               </q-item-section>
@@ -252,7 +257,11 @@
               <q-tooltip
                 >为面板视图设置一张背景图片，会员限定<br />请不要选择尺寸太大的图片，将影响插件载入速度</q-tooltip
               >
-              <q-menu v-if="isVIP" nchor="top left" self="bottom end">
+              <q-menu
+                v-if="$refs.user.isVIP"
+                nchor="top left"
+                self="bottom end"
+              >
                 <q-card>
                   <q-file
                     dense
@@ -356,9 +365,6 @@ export default {
     allFeaturesLength() {
       return this.configurationPage.activatedQuickCommandFeatureCodes.length;
     },
-    isVIP() {
-      return utools.getUser().type === "member";
-    },
   },
   props: {
     isTagStared: Boolean,