# YTab网站标签页

**Repository Path**: mocehu/ytab

## Basic Information

- **Project Name**: YTab网站标签页
- **Description**: 做一款一切都是刚刚好的标签页
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: http://ytab.mocehu.cn/
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2024-10-29
- **Last Updated**: 2025-03-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Ant-Design

## README

<p align="center">
  <a><img src="assets/ytab_md_logo.png" alt="Ytab" width="200"/></a>
</p>

# YTab

基于 Vue3 + Vite + Antdv 4.x 开发的标签页导航

本项目非纯前端项目，依赖后端接口

[后端项目地址](https://gitee.com/mocehu/ytab_backend_fastapi)

## 项目初始化

```sh
npm install
```

### 开发环境

```sh
npm run dev
```

### 生产环境打包

```sh
npm run build
```

## 项目预览

![image-20241029161412149](assets/image-20241029161412149.png)

![image-20241029161432115](assets/image-20241029161432115.png)

![image-20241029161502150](assets/image-20241029161502150.png)![image-20241029161523013](assets/image-20241029161523013.png)

![image-20241029161616382](assets/image-20241029161616382.png)

![image-20241029161634207](assets/image-20241029161634207.png)

## TODO

### 新功能

- [x] 深色/浅色模式切换
- [x] 背景设置
- [x] 主题色设置
- [x] 图标列表样式切换（card/icon）
- [ ] 项目依赖文档规范化
- [x] 代码架构调整(进行中)
- [ ] 天气数据展示加入
- [ ] 首页标题、时间颜色自动取色
- [ ] 分组、网址项可拖拽排序

### Bug

- [x] 已知 搜索框Modal -> 图标右键菜单 -> 编辑选项 ，点击后编辑弹窗未弹出的问题

- [x] 编辑部分数据后首页数据未刷新的问题

- [x] 首页搜索栏 Affix固钉功能 抖动问题