优化多个组件的输入框，添加图标以提升用户体验，确保提示信息的一致性和可读性。

src/components/cards/CustomRuleCard.vue

@@ -117,7 +117,13 @@ function onClose() {
       max-width="40rem"
       :fullscreen="!display.mdAndUp.value"
     >
-      <VCard :title="t('customRule.title', { id: props.rule.id })">
+      <VCard>
+        <VCardItem>
+          <template #prepend>
+            <VIcon icon="mdi-filter-outline" class="me-2" />
+          </template>
+          <VCardTitle>{{ t('customRule.title', { id: props.rule.id }) }}</VCardTitle>
+        </VCardItem>
         <VDialogCloseBtn v-model="ruleInfoDialog" />
         <VDivider />
         <VCardText>
@@ -131,6 +137,7 @@ function onClose() {
                   :hint="t('customRule.hint.ruleId')"
                   persistent-hint
                   active
+                  prepend-inner-icon="mdi-identifier"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -141,6 +148,7 @@ function onClose() {
                   :hint="t('customRule.hint.ruleName')"
                   persistent-hint
                   active
+                  prepend-inner-icon="mdi-label"
                 />
               </VCol>
               <VCol cols="12">
@@ -151,6 +159,7 @@ function onClose() {
                   :hint="t('customRule.hint.include')"
                   persistent-hint
                   active
+                  prepend-inner-icon="mdi-plus-circle"
                 />
               </VCol>
               <VCol cols="12">
@@ -161,6 +170,7 @@ function onClose() {
                   :hint="t('customRule.hint.exclude')"
                   persistent-hint
                   active
+                  prepend-inner-icon="mdi-minus-circle"
                 />
               </VCol>
               <VCol cols="6">
@@ -171,6 +181,7 @@ function onClose() {
                   :hint="t('customRule.hint.sizeRange')"
                   persistent-hint
                   active
+                  prepend-inner-icon="mdi-harddisk"
                 />
               </VCol>
               <VCol cols="6">
@@ -181,6 +192,7 @@ function onClose() {
                   :hint="t('customRule.hint.seeders')"
                   persistent-hint
                   active
+                  prepend-inner-icon="mdi-account-group"
                 />
               </VCol>
               <VCol cols="6">
@@ -191,6 +203,7 @@ function onClose() {
                   :hint="t('customRule.hint.publishTime')"
                   persistent-hint
                   active
+                  prepend-inner-icon="mdi-calendar-clock"
                 />
               </VCol>
             </VRow>

src/components/cards/FilterRuleGroupCard.vue

@@ -243,6 +243,7 @@ function onClose() {
                 :hint="t('filterRule.groupName')"
                 persistent-hint
                 active
+                prepend-inner-icon="mdi-label"
               />
             </VCol>
             <VCol cols="6" md="3">
@@ -253,6 +254,7 @@ function onClose() {
                 :hint="t('filterRule.mediaType')"
                 persistent-hint
                 active
+                prepend-inner-icon="mdi-movie-open"
               />
             </VCol>
             <VCol cols="6" md="3">
@@ -263,6 +265,7 @@ function onClose() {
                 :hint="t('filterRule.category')"
                 persistent-hint
                 active
+                prepend-inner-icon="mdi-folder-open"
               />
             </VCol>
           </VRow>

src/components/dialog/AlistConfigDialog.vue

@@ -74,6 +74,9 @@ async function savaAlistConfig() {
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
+        <template #prepend>
+          <VIcon icon="mdi-cog-outline" class="me-2" />
+        </template>
         <VCardTitle>
           {{ t('dialog.alistConfig.title') }}
         </VCardTitle>
@@ -87,6 +90,7 @@ async function savaAlistConfig() {
               :hint="t('dialog.alistConfig.serverUrl')"
               :label="t('dialog.alistConfig.serverUrl')"
               persistent-hint
+              prepend-inner-icon="mdi-server"
             />
           </VCol>
           <VCol cols="12" md="4">
@@ -96,6 +100,7 @@ async function savaAlistConfig() {
               :label="t('dialog.alistConfig.loginType')"
               :hint="t('dialog.alistConfig.loginType')"
               persistent-hint
+              prepend-inner-icon="mdi-login"
             />
           </VCol>
           <VCol cols="12" md="4" v-if="loginType == 'username'">
@@ -104,6 +109,7 @@ async function savaAlistConfig() {
               :hint="t('dialog.alistConfig.username')"
               :label="t('dialog.alistConfig.username')"
               persistent-hint
+              prepend-inner-icon="mdi-account"
             />
           </VCol>
           <VCol cols="12" md="4" v-if="loginType == 'username'">
@@ -113,6 +119,7 @@ async function savaAlistConfig() {
               :hint="t('dialog.alistConfig.password')"
               :label="t('dialog.alistConfig.password')"
               persistent-hint
+              prepend-inner-icon="mdi-lock"
             />
           </VCol>
           <VCol cols="12" md="8" v-if="loginType == 'token'">
@@ -121,6 +128,7 @@ async function savaAlistConfig() {
               :hint="t('dialog.alistConfig.loginTypeOptions.token')"
               :label="t('dialog.alistConfig.loginTypeOptions.token')"
               persistent-hint
+              prepend-inner-icon="mdi-key"
             />
           </VCol>
         </VRow>

src/components/dialog/AliyunAuthDialog.vue

@@ -114,6 +114,9 @@ onUnmounted(() => {
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
+        <template #prepend>
+          <VIcon icon="mdi-qrcode" class="me-2" />
+        </template>
         <VCardTitle>
           {{ t('dialog.aliyunAuth.loginTitle') }}
         </VCardTitle>

src/components/dialog/RcloneConfigDialog.vue

@@ -61,6 +61,9 @@ async function handleReset() {
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
+        <template #prepend>
+          <VIcon icon="mdi-cog-outline" class="me-2" />
+        </template>
         <VCardTitle>
           {{ t('dialog.rcloneConfig.title') }}
         </VCardTitle>
@@ -69,7 +72,11 @@ async function handleReset() {
       <VCardText>
         <VRow>
           <VCol cols="12">
-            <VTextField v-model="props.conf.filepath" :label="t('dialog.rcloneConfig.filePath')" />
+            <VTextField
+              v-model="props.conf.filepath"
+              :label="t('dialog.rcloneConfig.filePath')"
+              prepend-inner-icon="mdi-file-document"
+            />
           </VCol>
           <VCol cols="12">
             <VAceEditor

src/components/dialog/U115AuthDialog.vue

@@ -119,6 +119,9 @@ onUnmounted(() => {
     <VCard>
       <VDialogCloseBtn @click="emit('close')" />
       <VCardItem>
+        <template #prepend>
+          <VIcon icon="mdi-qrcode" class="me-2" />
+        </template>
         <VCardTitle>
           {{ t('dialog.u115Auth.loginTitle') }}
         </VCardTitle>

src/views/setting/AccountSettingDirectory.vue

@@ -305,6 +305,7 @@ onMounted(() => {
                 :label="t('setting.directory.scrapSource')"
                 :hint="t('setting.directory.scrapSourceHint')"
                 persistent-hint
+                prepend-inner-icon="mdi-database"
               />
             </VCol>
             <VCol cols="12">
@@ -315,6 +316,7 @@ onMounted(() => {
                 persistent-hint
                 clearable
                 active
+                prepend-inner-icon="mdi-movie-open"
               />
             </VCol>
             <VCol cols="12">
@@ -325,6 +327,7 @@ onMounted(() => {
                 persistent-hint
                 clearable
                 active
+                prepend-inner-icon="mdi-television"
               />
             </VCol>
           </VRow>

src/views/setting/AccountSettingNotification.vue

@@ -418,10 +418,20 @@ onMounted(() => {
         <VCardText>
           <VRow>
             <VCol cols="6">
-              <VTextField v-model="notificationTime.start" :label="t('setting.notification.startTime')" type="time" />
+              <VTextField
+                v-model="notificationTime.start"
+                :label="t('setting.notification.startTime')"
+                type="time"
+                prepend-inner-icon="mdi-clock-start"
+              />
             </VCol>
             <VCol cols="6">
-              <VTextField v-model="notificationTime.end" :label="t('setting.notification.endTime')" type="time" />
+              <VTextField
+                v-model="notificationTime.end"
+                :label="t('setting.notification.endTime')"
+                type="time"
+                prepend-inner-icon="mdi-clock-end"
+              />
             </VCol>
           </VRow>
         </VCardText>
@@ -445,11 +455,16 @@ onMounted(() => {
   <!-- 模板编辑器对话框 -->
   <VDialog v-model="editorVisible" v-if="editorVisible" max-width="50rem" :fullscreen="!display.mdAndUp.value">
     <VCard>
-      <VCardItem>
+      <VCardItem class="py-2">
+        <template #prepend>
+          <VIcon icon="mdi-code-json" class="me-2" />
+        </template>
         <VCardTitle>
-          {{ templateTypes.find(t => t.type === currentTemplate)?.label }}
           {{ t('setting.notification.templateConfigTitle') }}
         </VCardTitle>
+        <VCardSubtitle>
+          {{ templateTypes.find(t => t.type === currentTemplate)?.label }}
+        </VCardSubtitle>
         <VDialogCloseBtn @click="editorVisible = false" />
       </VCardItem>
       <VCardText class="py-0">

src/views/setting/AccountSettingRule.vue

@@ -501,6 +501,7 @@ onMounted(() => {
                   :label="t('setting.rule.currentPriorityRules')"
                   :hint="t('setting.rule.currentPriorityRulesHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-priority-high"
                 />
               </VCol>
             </VRow>

src/views/setting/AccountSettingSearch.vue

@@ -205,6 +205,7 @@ onMounted(() => {
                 :label="t('setting.search.mediaSource')"
                 :hint="t('setting.search.mediaSourceHint')"
                 persistent-hint
+                prepend-inner-icon="mdi-database-search"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -217,6 +218,7 @@ onMounted(() => {
                 :label="t('setting.search.filterRuleGroup')"
                 :hint="t('setting.search.filterRuleGroupHint')"
                 persistent-hint
+                prepend-inner-icon="mdi-filter"
               />
             </VCol>
           </VRow>
@@ -228,6 +230,7 @@ onMounted(() => {
                 placeholder="MOVIEPILOT"
                 :hint="t('setting.search.downloadLabelHint')"
                 persistent-hint
+                prepend-inner-icon="mdi-tag"
               />
             </VCol>
             <VCol cols="12" md="6">
@@ -237,6 +240,7 @@ onMounted(() => {
                 :placeholder="t('setting.search.downloadUserPlaceholder')"
                 :hint="t('setting.search.downloadUserHint')"
                 persistent-hint
+                prepend-inner-icon="mdi-account"
               />
             </VCol>
             <VCol cols="12" md="6">

src/views/setting/AccountSettingSite.vue

@@ -161,6 +161,7 @@ onMounted(() => {
                   :disabled="siteSetting.CookieCloud.COOKIECLOUD_ENABLE_LOCAL"
                   :hint="t('setting.site.serviceAddressHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-server"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -169,6 +170,7 @@ onMounted(() => {
                   :label="t('setting.site.userKey')"
                   :hint="t('setting.site.userKeyHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-key"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -180,6 +182,7 @@ onMounted(() => {
                   :label="t('setting.site.e2ePassword')"
                   :hint="t('setting.site.e2ePasswordHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-lock"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -189,6 +192,7 @@ onMounted(() => {
                   :items="CookieCloudIntervalItems"
                   :hint="t('setting.site.autoSyncIntervalHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-timer"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -198,6 +202,7 @@ onMounted(() => {
                   :placeholder="t('setting.site.syncBlacklistPlaceholder')"
                   :hint="t('setting.site.syncBlacklistHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-block-helper"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -206,6 +211,7 @@ onMounted(() => {
                   :label="t('setting.site.userAgent')"
                   :hint="t('setting.site.userAgentHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-web"
                 />
               </VCol>
             </VRow>
@@ -234,6 +240,7 @@ onMounted(() => {
                   :items="SiteDataRefreshIntervalItems"
                   :hint="t('setting.site.siteDataRefreshIntervalHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-refresh"
                 />
               </VCol>
             </VRow>

src/views/setting/AccountSettingSubscribe.vue

@@ -217,6 +217,7 @@ onMounted(() => {
                   :label="t('setting.subscribe.mode')"
                   :hint="t('setting.subscribe.modeHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-cog"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -226,6 +227,7 @@ onMounted(() => {
                   :label="t('setting.subscribe.rssInterval')"
                   :hint="t('setting.subscribe.rssIntervalHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-timer"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -238,6 +240,7 @@ onMounted(() => {
                   :label="t('setting.subscribe.filterRuleGroup')"
                   :hint="t('setting.subscribe.filterRuleGroupHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-filter"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -250,6 +253,7 @@ onMounted(() => {
                   :label="t('setting.subscribe.bestVersionRuleGroup')"
                   :hint="t('setting.subscribe.bestVersionRuleGroupHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-star"
                 />
               </VCol>
             </VRow>

src/views/setting/AccountSettingSystem.vue

@@ -426,6 +426,7 @@ onDeactivated(() => {
                   :hint="t('setting.system.appDomainHint')"
                   placeholder="http://localhost:3000"
                   persistent-hint
+                  prepend-inner-icon="mdi-web"
                 />
               </VCol>
 
@@ -438,6 +439,7 @@ onDeactivated(() => {
                       :hint="t('setting.system.wallpaperHint')"
                       persistent-hint
                       :items="wallpaperItems"
+                      prepend-inner-icon="mdi-image"
                     />
                   </VCol>
 
@@ -449,6 +451,7 @@ onDeactivated(() => {
                       :placeholder="t('setting.system.customizeWallpaperApi')"
                       persistent-hint
                       :rules="[v => !!v || t('setting.system.customizeWallpaperApiRequired')]"
+                      prepend-inner-icon="mdi-api"
                     />
                   </VCol>
                 </VRow>
@@ -463,6 +466,7 @@ onDeactivated(() => {
                     { title: 'TheMovieDb', value: 'themoviedb' },
                     { title: '豆瓣', value: 'douban' },
                   ]"
+                  prepend-inner-icon="mdi-database"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -479,6 +483,7 @@ onDeactivated(() => {
                     (v: any) => !isNaN(v) || t('setting.system.numbersOnly'),
                     (v: any) => v >= 1 || t('setting.system.minInterval'),
                   ]"
+                  prepend-inner-icon="mdi-sync"
                 />
               </VCol>
               <VCol cols="12" md="6">
@@ -488,10 +493,11 @@ onDeactivated(() => {
                   :hint="t('setting.system.apiTokenHint')"
                   :placeholder="t('setting.system.apiTokenMinChars')"
                   persistent-hint
-                  prependInnerIcon="mdi-reload"
+                  prepend-inner-icon="mdi-key"
-                  :appendInnerIcon="SystemSettings.Basic.API_TOKEN ? 'mdi-content-copy' : ''"
+                  :append-inner-icon="SystemSettings.Basic.API_TOKEN ? 'mdi-content-copy' : 'mdi-reload'"
-                  @click:prependInner="createRandomString"
+                  @click:append-inner="
-                  @click:appendInner="copyValue(SystemSettings.Basic.API_TOKEN)"
+                    SystemSettings.Basic.API_TOKEN ? copyValue(SystemSettings.Basic.API_TOKEN) : createRandomString()
+                  "
                   :rules="[
                     (v: string) => !!v || t('setting.system.apiTokenRequired'),
                     (v: string) => v.length >= 16 || t('setting.system.apiTokenLength'),
@@ -505,6 +511,7 @@ onDeactivated(() => {
                   :placeholder="t('setting.system.githubTokenFormat')"
                   :hint="t('setting.system.githubTokenHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-github"
                 >
                 </VTextField>
               </VCol>
@@ -515,6 +522,7 @@ onDeactivated(() => {
                   placeholder="https://movie-pilot.org"
                   :hint="t('setting.system.ocrHostHint')"
                   persistent-hint
+                  prepend-inner-icon="mdi-text-recognition"
                 />
               </VCol>
             </VRow>
@@ -736,6 +744,7 @@ onDeactivated(() => {
                     persistent-hint
                     :items="['api.themoviedb.org', 'api.tmdb.org']"
                     :rules="[(v: string) => !!v || t('setting.system.tmdbApiDomainRequired')]"
+                    prepend-inner-icon="mdi-api"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -747,6 +756,7 @@ onDeactivated(() => {
                     persistent-hint
                     :items="['image.tmdb.org', 'static-mdb.v.geilijiasu.com']"
                     :rules="[(v: string) => !!v || t('setting.system.tmdbImageDomainRequired')]"
+                    prepend-inner-icon="mdi-image"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -757,6 +767,7 @@ onDeactivated(() => {
                     :hint="t('setting.system.tmdbLocaleHint')"
                     persistent-hint
                     :items="tmdbLanguageItems"
+                    prepend-inner-icon="mdi-translate"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -772,6 +783,7 @@ onDeactivated(() => {
                       (v: any) => v === 0 || !!v || t('setting.system.metaCacheExpireRequired'),
                       (v: any) => v >= 0 || t('setting.system.metaCacheExpireMin'),
                     ]"
+                    prepend-inner-icon="mdi-timer"
                   />
                 </VCol>
               </VRow>
@@ -815,6 +827,7 @@ onDeactivated(() => {
                     persistent-hint
                     :items="githubMirrorsItems"
                     clearable
+                    prepend-inner-icon="mdi-github"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -826,6 +839,7 @@ onDeactivated(() => {
                     persistent-hint
                     :items="pipMirrorsItems"
                     clearable
+                    prepend-inner-icon="mdi-package"
                   />
                 </VCol>
               </VRow>
@@ -845,6 +859,7 @@ onDeactivated(() => {
                     :placeholder="t('setting.system.dohResolversPlaceholder')"
                     :hint="t('setting.system.dohResolversHint')"
                     persistent-hint
+                    prepend-inner-icon="mdi-dns"
                   />
                 </VCol>
                 <VCol cols="12" v-show="SystemSettings.Advanced.DOH_ENABLE">
@@ -854,6 +869,7 @@ onDeactivated(() => {
                     :placeholder="t('setting.system.dohDomainsPlaceholder')"
                     :hint="t('setting.system.dohDomainsHint')"
                     persistent-hint
+                    prepend-inner-icon="mdi-domain"
                   />
                 </VCol>
               </VRow>
@@ -885,6 +901,7 @@ onDeactivated(() => {
                           :placeholder="t('setting.system.securityImageDomainAdd')"
                           hide-details
                           density="compact"
+                          prepend-inner-icon="mdi-shield-check"
                         >
                           <template #append>
                             <VBtn icon color="primary" @click="addSecurityDomain" :disabled="!newSecurityDomain">
@@ -918,6 +935,7 @@ onDeactivated(() => {
                     :hint="t('setting.system.logLevelHint')"
                     persistent-hint
                     :items="logLevelItems"
+                    prepend-inner-icon="mdi-format-list-bulleted"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -930,6 +948,7 @@ onDeactivated(() => {
                     type="number"
                     :suffix="t('setting.system.mb')"
                     :rules="[(v: any) => v === 0 || !!v || t('setting.system.logMaxFileSizeRequired'), (v: any) => v >= 1 || t('setting.system.logMaxFileSizeMin')]"
+                    prepend-inner-icon="mdi-file-document"
                   />
                 </VCol>
                 <VCol cols="12" md="6">
@@ -941,6 +960,7 @@ onDeactivated(() => {
                     min="1"
                     type="number"
                     :rules="[(v: any) => v === 0 || !!v || t('setting.system.logBackupCountRequired'), (v: any) => v >= 1 || t('setting.system.logBackupCountMin')]"
+                    prepend-inner-icon="mdi-backup-restore"
                   />
                 </VCol>
                 <VCol cols="12">
@@ -949,6 +969,7 @@ onDeactivated(() => {
                     :label="t('setting.system.logFileFormat')"
                     :hint="t('setting.system.logFileFormatHint')"
                     persistent-hint
+                    prepend-inner-icon="mdi-format-text"
                   />
                 </VCol>
               </VRow>

src/views/setting/AccountSettingWords.vue

@@ -143,6 +143,7 @@ onMounted(() => {
             :placeholder="t('setting.words.identifiersPlaceholder')"
             :hint="t('setting.words.identifiersHint')"
             persistent-hint
+            prepend-inner-icon="mdi-tag-text"
           />
         </VCardText>
         <VCardText>
@@ -173,6 +174,7 @@ onMounted(() => {
             :placeholder="t('setting.words.releaseGroupsPlaceholder')"
             :hint="t('setting.words.releaseGroupsHint')"
             persistent-hint
+            prepend-inner-icon="mdi-account-group"
           />
         </VCardText>
         <VCardText>
@@ -198,6 +200,7 @@ onMounted(() => {
             :placeholder="t('setting.words.customizationPlaceholder')"
             :hint="t('setting.words.customizationHint')"
             persistent-hint
+            prepend-inner-icon="mdi-code-braces"
           />
         </VCardText>
         <VCardText>
@@ -223,6 +226,7 @@ onMounted(() => {
             :placeholder="t('setting.words.excludeWordsPlaceholder')"
             :hint="t('setting.words.excludeWordsHint')"
             persistent-hint
+            prepend-inner-icon="mdi-block-helper"
           />
         </VCardText>
         <VCardText>