vue/jingrowtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加背景页面右边栏背景图搜索栏增加辅助信息

Browse Source
This commit is contained in:
jingrow 2026-01-22 00:24:13 +08:00
parent 48f2f0b208
commit 380e226949
2 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/locales/zh-CN.json
View File

@ -1202,22 +1202,17 @@
"Auto remove background failed, using original image": "自动去除背景失败，使用原始图片",
"Please login first to use auto remove background feature": "请先登录以使用自动去除背景功能",
"Background removed successfully": "背景去除成功",
"Color": "颜色",
"Background Image": "背景图片",
"Upload Custom Background": "上传自定义背景",
"Click or drag to upload": "点击或拖拽上传",
"My Backgrounds": "我的背景图",
"Pexels Backgrounds": "Pexels 背景图",
"Background Images": "背景图",
"No images found": "未找到图片",
"Failed to load background images": "加载背景图片失败",
"Background image applied": "背景图片已应用",
"Failed to apply background image": "应用背景图片失败",
"Background uploaded successfully": "背景上传成功",
"Failed to upload background": "上传背景失败",
"Remove": "移除",
"Upload": "上传",
"Background Settings": "背景设置",
"Close": "关闭",
"Clear Background": "清除背景",
"Failed to clear background": "清除背景失败",
"Show More": "显示更多",
@ -1387,5 +1382,12 @@
"Product Sample": "产品示例",
"Animal Sample": "动物示例",
"Object Sample": "物品示例",
"Unable to get team information": "无法获取团队信息"
"Unable to get team information": "无法获取团队信息",
"Change Image": "更换图片",
"Color Picker": "颜色选择器",
"Search backgrounds...": "搜索背景图...",
"Please enter search keywords": "请输入搜索关键词",
"Background": "背景",
"gradient": "渐变色",
"Images provided by Pexels": "图片由Pexels提供"
}

17
src/views/tools/add_background/add_background.vue
View File

@ -407,7 +407,8 @@ favorite-colors-grid<template>
</div>
<div class="pexels-images-section">
<h4 class="section-title">{{ t('Pexels Backgrounds') }}</h4>
<h4 class="section-title">{{ t('Background Images') }}</h4>
<p class="pexels-credit">{{ t('Images provided by Pexels') }}</p>
<div class="pexels-search-box">
<input
v-model="pexelsSearchInput"
@ -578,7 +579,8 @@ favorite-colors-grid<template>
</div>
<div class="pexels-images-section">
<h4 class="section-title">{{ t('Pexels Backgrounds') }}</h4>
<h4 class="section-title">{{ t('Background Images') }}</h4>
<p class="pexels-credit">{{ t('Images provided by Pexels') }}</p>
<div class="pexels-search-box">
<input
v-model="pexelsSearchInput"
@ -1155,8 +1157,8 @@ const activeTab = ref<'color' | 'image'>('color')
const pexelsImages = ref<any[]>([])
const pexelsLoading = ref(false)
const pexelsPage = ref(1)
const pexelsQuery = ref('nature background')
const pexelsSearchInput = ref('nature background')
const pexelsQuery = ref(t('Background'))
const pexelsSearchInput = ref(t('Background'))
const PEXELS_API_KEY = __PEXELS_API_KEY__ || ''
const pexelsDisplayCount = ref(12)
const PEXELS_PER_PAGE = 80 // Fetch 80 images per API call
@ -3248,6 +3250,13 @@ const removeHistoryItem = (index: number) => {
}
/* Pexels Search Box */
.pexels-credit {
font-size: 12px;
color: #9ca3af;
margin: 0 0 8px 0;
font-weight: 400;
}
.pexels-search-box {
display: flex;
gap: 8px;