Showing
1 changed file
with
18 additions
and
5 deletions
@@ -5,10 +5,23 @@ | @@ -5,10 +5,23 @@ | ||
5 | <NCard> | 5 | <NCard> |
6 | <NForm @keyup.enter="handleSubmit"> | 6 | <NForm @keyup.enter="handleSubmit"> |
7 | <NFormItem label="访问令牌"> | 7 | <NFormItem label="访问令牌"> |
8 | - <NInput v-model:value="accessCredentials" type="password" /> | ||
9 | - </NFormItem> | ||
10 | - <NFormItem :showLabel="false"> | ||
11 | - <NButton :loading="loading" type="primary" style="width: 100%;" @click="handleSubmit">访问</NButton> | 8 | + <NInputGroup> |
9 | + <NInput v-model:value="accessCredentials" show-password-on="mousedown" type="password" | ||
10 | + style="width: 70%;" /> | ||
11 | + <NButton :loading="loading" type="primary" style="width: 30%;" @click="handleSubmit"> | ||
12 | + <svg t="1682068997810" class="icon" viewBox="0 0 1024 1024" version="1.1" | ||
13 | + xmlns="http://www.w3.org/2000/svg" p-id="79416" width="24" height="24"> | ||
14 | + <path | ||
15 | + d="M512 928H128c-19.2 0-32-12.8-32-32V128c0-19.2 12.8-32 32-32h384c19.2 0 32 12.8 32 32s-12.8 32-32 32H160v704h352c19.2 0 32 12.8 32 32s-12.8 32-32 32z" | ||
16 | + fill="#fff" p-id="79417" /> | ||
17 | + <path | ||
18 | + d="M534.4 736c-9.6 0-16-3.2-22.4-9.6l-192-192c-12.8-12.8-12.8-32 0-44.8l192-192c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L387.2 512l169.6 169.6c12.8 12.8 12.8 32 0 44.8-6.4 6.4-16 9.6-22.4 9.6z" | ||
19 | + fill="#fff" p-id="79418" /> | ||
20 | + <path d="M896 544H342.4c-19.2 0-32-12.8-32-32s12.8-32 32-32H896c19.2 0 32 12.8 32 32s-12.8 32-32 32z" | ||
21 | + fill="#fff" p-id="79419" /> | ||
22 | + </svg> | ||
23 | + </NButton> | ||
24 | + </NInputGroup> | ||
12 | </NFormItem> | 25 | </NFormItem> |
13 | </NForm> | 26 | </NForm> |
14 | </NCard> | 27 | </NCard> |
@@ -17,7 +30,7 @@ | @@ -17,7 +30,7 @@ | ||
17 | </template> | 30 | </template> |
18 | 31 | ||
19 | <script setup lang="ts"> | 32 | <script setup lang="ts"> |
20 | -import { NModal, NCard, NForm, NFormItem, NInput, NButton, } from 'naive-ui' | 33 | +import { NModal, NCard, NForm, NFormItem, NInput, NButton, NInputGroup } from 'naive-ui' |
21 | import { getSessionStorageInfo } from '../preview/utils' | 34 | import { getSessionStorageInfo } from '../preview/utils' |
22 | import type { ChartEditStorageType } from '../preview/index.d' | 35 | import type { ChartEditStorageType } from '../preview/index.d' |
23 | import { SavePageEnum } from '@/enums/editPageEnum' | 36 | import { SavePageEnum } from '@/enums/editPageEnum' |