add Chinese translations for URL input feature

This commit is contained in:
jingrow 2025-11-22 00:01:02 +08:00
parent 870091a835
commit b9c64510a7
2 changed files with 44 additions and 1 deletions

View File

@ -1136,6 +1136,13 @@
"Please login first to use this feature": "请先登录以使用此功能",
"Session expired. Please login again.": "会话已过期,请重新登录",
"Session expired. Please login again to use this feature.": "会话已过期,请重新登录以使用此功能",
"Or paste image URL here": "或在此处粘贴图片URL",
"Loading image from URL...": "正在从URL加载图片...",
"Please enter an image URL": "请输入图片URL",
"Please enter a valid image URL": "请输入有效的图片URL",
"Failed to load image from URL": "从URL加载图片失败",
"CORS error. The image server does not allow cross-origin access.": "CORS错误图片服务器不允许跨域访问",
"Failed to load image. Please check the URL and try again.": "加载图片失败请检查URL后重试",
"Tool Marketplace": "工具市场",
"Browse and install tools from Jingrow Tool Marketplace": "浏览和安装来自 Jingrow 工具市场的工具",

View File

@ -66,6 +66,7 @@
:placeholder="t('Or paste image URL here')"
@keyup.enter="handleUrlSubmit"
@paste="handleUrlPaste"
:disabled="processing"
/>
<button
type="button"
@ -73,11 +74,16 @@
@click="handleUrlSubmit"
:disabled="!imageUrl.trim() || processing"
>
<i class="fa fa-arrow-right"></i>
<i v-if="processing" class="fa fa-spinner fa-spin"></i>
<i v-else class="fa fa-arrow-right"></i>
</button>
</div>
</div>
</div>
<div v-if="processing" class="upload-processing-overlay">
<div class="spinner"></div>
<p>{{ t('Loading image from URL...') }}</p>
</div>
</div>
<div v-else class="preview-section">
@ -903,6 +909,7 @@ const removeHistoryItem = (index: number) => {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
background: #fafbfc;
min-height: 0;
position: relative;
&:hover {
border-color: #1fc76f;
@ -917,6 +924,30 @@ const removeHistoryItem = (index: number) => {
}
}
.upload-processing-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.95);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 16px;
border-radius: 12px;
backdrop-filter: blur(4px);
z-index: 10;
p {
font-size: 14px;
color: #64748b;
margin: 0;
font-weight: 500;
}
}
.upload-content {
display: flex;
flex-direction: column;
@ -994,6 +1025,11 @@ const removeHistoryItem = (index: number) => {
&::placeholder {
color: #94a3b8;
}
&:disabled {
opacity: 0.6;
cursor: not-allowed;
}
}
.url-submit-btn {