Commit 88fb959f30ff56f2cbaae61ad679e8db9f7878ea

Authored by ww
1 parent 3a095c60

perf(share): 优化分享页面访问令牌输入框

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'