Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

增加圖片上傳中的狀態提示 #148

Closed
Yukaii opened this issue Apr 9, 2022 · 2 comments · Fixed by #161
Closed

增加圖片上傳中的狀態提示 #148

Yukaii opened this issue Apr 9, 2022 · 2 comments · Fixed by #161
Labels
bug Something isn't working good first issue Good for newcomers

Comments

@Yukaii
Copy link
Contributor

Yukaii commented Apr 9, 2022

Describe the bug
A clear and concise description of what the bug is.
請清晰詳細的描述這個問題

To Reproduce
Steps to reproduce the behavior:
列出可以重現問題的步驟:

  1. Go to '...'
  2. Click on '....'
  3. Scroll down to '....'
  4. See error

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.
截圖

Desktop (please complete the following information):

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Browser [e.g. stock browser, safari]
  • Version [e.g. 22]

Additional context

Add any other context about the problem here.

@Yukaii Yukaii added bug Something isn't working good first issue Good for newcomers labels Apr 9, 2022
@Yukaii
Copy link
Contributor Author

Yukaii commented Apr 9, 2022

補充上傳圖片時的按鈕,應在圖片上傳時,顯示為「上傳中......」

スクリーンショット 2022-04-09 午後1 41 53

@Yukaii
Copy link
Contributor Author

Yukaii commented Apr 9, 2022

<image-upload-form
v-if="appState.isEditImagesMode"
v-model="selectedImages"
:uploading="imageUploadState.uploading"
:error="imageUploadState.error"
:previewImages="uploadedImages"
:onClickRemoveImage="onClickRemoveImage"
:valid="imagesValid"
:submit="submitImageUpload"
:formState="imageUploadFormState"
submitText="確認新增照片"
disableProgressiveUpload
/>

參考 vue template uploading 的判斷,顯示上傳中或 submitText

<div class="bottom-button-container w-100 d-flex justify-center align-items-center px-xs-3 pb-md-9">
<v-btn x-large rounded @click="onSubmit" :disabled="!valid" style="width: 100%; max-width: 345px;" color="primary">
{{ submitText || '下一步' }}
</v-btn>
</div>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working good first issue Good for newcomers
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant