用户变量样式美化

src/components/popup/UserData.vue

@@ -13,20 +13,24 @@
         v-model="item.value"
         class="full-width q-ma-md"
         type="text"
-        :prefix="`${item.id}`"
         suffix="仅本机"
         outlined
         :placeholder="item.value || '本机未设置'"
       >
+        <template v-slot:prepend>
+          <q-chip color="primary" dense>{{ item.id }}</q-chip>
+        </template>
         <template v-slot:append>
-          <q-toggle v-model="item.isNative" color="primary" />
+          <q-toggle dense class="q-mr-sm" v-model="item.isNative" color="primary" />
           <q-btn
             flat
+            dense
             color="primary"
             icon="send"
             @click="insertText(`{{usr:${item.id}}}`)" />
           <q-btn
             flat
+            dense
             color="negative"
             icon="close"
             @click="delUserData(item.id)" /></template

src/js/options/specialVars.js

@@ -148,7 +148,7 @@ const specialVars = {
     userData: {
         name: "userData",
         label: "{{usr:}}",
-        desc: "用户设置的变量",
+        desc: "用户设置的变量，类似一个全局配置项",
         match: /{{usr:(.*?)}}/mg,
         repl: (text, userData) => {
             let filterd = userData.filter(x => x.id === text.slice(6, -2))