feat: 新增3个工具,样式修复,修改logo,保存桌面

新增功能:
 - js代码格式化/压缩
 - html代码格式化
 - css代码格式化/压缩
 - 保存到桌面

其他修改:
 - 修改logo
 - 修复一些样式问题
 - 修复一些已知的问题
Dieser Commit ist enthalten in:
taoran
2024-06-18 17:40:32 +08:00
Ursprung f05ee53440
Commit 95b7fec3b5
17 geänderte Dateien mit 1878 neuen und 1030 gelöschten Zeilen
+24 -11
Datei anzeigen
@@ -49,6 +49,22 @@ const searchTools = async (query: string) => {
loading.value = false
}
//保存到桌面
const createUrlShortcut = async () => {
try {
const blob = new Blob(
[`[InternetShortcut]\nURL=${encodeURI(window.location.href)}`],
{ type: 'text/plain' }
);
const a = document.createElement('a');
a.href = URL.createObjectURL(blob);
a.download = 'Tools-Web.url';
a.click();
} catch (error) {
console.error('创建URL快捷方式失败:', error);
}
}
const optionClick = (url: string) => {
router.push(url)
}
@@ -109,7 +125,7 @@ onMounted(() => {
placeholder="输入关键词搜索,如文本、json、图片等"
:remote-method="searchTools"
:loading="loading"
class="ml-3 mr-3 md:w-[45rem] c-xs:w-60"
class="ml-3"
size="large"
>
<el-option
@@ -153,10 +169,9 @@ onMounted(() => {
</el-tooltip>
</li>
<!-- <li class="hover:text-blue-500">
<el-link :href="www.baidu.com" size="large" target="_blank">建议/问题</el-link>
</li> -->
<li class="hover:text-blue-500">
<el-button type="primary" class="ml-3 bg-gradient-to-r from-cyan-500 to-blue-500" @click="createUrlShortcut">保存到桌面</el-button>
</li>
</ul>
</div>
</header>
@@ -174,15 +189,13 @@ onMounted(() => {
}
:deep(.el-input__wrapper) {
:deep(.el-select__wrapper) {
box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
cursor: default;
@apply md:w-[40rem] c-xs:w-60;
}
:deep(.el-input__wrapper) {
box-shadow: 0 0 0 0px var(--el-input-border-color, var(--el-border-color)) inset;
cursor: default;
}
.el-select :deep(.el-input__wrapper){
.el-select :deep(.el-select__wrapper){
background-color: rgba(46, 51, 56, 0.05);
background-color: rgb(255, 255, 255);
}