diff --git a/CHANGELOG.md b/CHANGELOG.md index 33fee544..366fee25 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,13 @@ # 更新日志 +## v4.2.6 + +- 功能优化：优化移动端首页 UI，增加返回首页按钮 +- 功能优化：优化移动端聊天页面 UI，增加返回首页按钮 +- 功能优化：优化移动端登录页面 UI，增加返回首页按钮 +- 功能优化：优化移动端注册页面 UI，增加返回首页按钮 +- 功能优化：优化移动端找回密码页面 UI，增加返回首页按钮 + ## v4.2.5 - 功能优化：在代码右下角增加复制代码功能按钮，增加收起和展开代码功能 diff --git a/web/src/assets/css/mobile/chat-list.scss b/web/src/assets/css/mobile/chat-list.scss index 10428bfd..b9a208c3 100644 --- a/web/src/assets/css/mobile/chat-list.scss +++ b/web/src/assets/css/mobile/chat-list.scss @@ -2,9 +2,6 @@ .mobile-chat-list { .content { - padding-top: 46px; - padding-bottom: 60px; - .van-list { .van-cell__value { .chat-list-item { diff --git a/web/src/components/FooterBar.vue b/web/src/components/FooterBar.vue index 3487d762..500b19b4 100644 --- a/web/src/components/FooterBar.vue +++ b/web/src/components/FooterBar.vue @@ -2,15 +2,13 @@
- {{ copyRight }} -
-
{{ title }} - {{ version }}
-
+
+ {{ copyRight }} {{ icp }}
@@ -70,7 +68,7 @@ getLicenseInfo() margin-top: -4px; .footer { - max-width: 400px; + // max-width: 400px; text-align: center; font-size: 14px; padding: 20px; diff --git a/web/src/components/ui/CustomTabPane.vue b/web/src/components/ui/CustomTabPane.vue new file mode 100644 index 00000000..c0bd4448 --- /dev/null +++ b/web/src/components/ui/CustomTabPane.vue @@ -0,0 +1,45 @@ + + + + + diff --git a/web/src/components/ui/CustomTabs.vue b/web/src/components/ui/CustomTabs.vue new file mode 100644 index 00000000..a34b0636 --- /dev/null +++ b/web/src/components/ui/CustomTabs.vue @@ -0,0 +1,143 @@ + + + + + diff --git a/web/src/main.js b/web/src/main.js index 2b8b9919..3ef007e3 100644 --- a/web/src/main.js +++ b/web/src/main.js @@ -59,7 +59,9 @@ import { ShareSheet, Slider, Sticky, + Swipe, SwipeCell, + SwipeItem, Switch, Tab, Tabbar, @@ -101,6 +103,8 @@ app.use(DropdownMenu) app.use(Icon) app.use(DropdownItem) app.use(Sticky) +app.use(Swipe) +app.use(SwipeItem) app.use(SwipeCell) app.use(Dialog) app.use(ShareSheet) diff --git a/web/src/router.js b/web/src/router.js index 99a1a3c5..aa3a2bf3 100644 --- a/web/src/router.js +++ b/web/src/router.js @@ -123,26 +123,12 @@ const routes = [ meta: { title: '导出会话记录' }, component: () => import('@/views/ChatExport.vue'), }, - { - name: 'login', - path: '/login', - meta: { title: '用户登录' }, - component: () => import('@/views/Login.vue'), - }, - { name: 'login-callback', path: '/login/callback', meta: { title: '用户登录' }, component: () => import('@/views/LoginCallback.vue'), }, - { - name: 'register', - path: '/register', - - meta: { title: '用户注册' }, - component: () => import('@/views/Register.vue'), - }, { name: 'resetpassword', path: '/resetpassword', diff --git a/web/src/views/Index.vue b/web/src/views/Index.vue index f8fa433d..5870ec94 100644 --- a/web/src/views/Index.vue +++ b/web/src/views/Index.vue @@ -8,7 +8,7 @@
- + @@ -28,7 +28,7 @@ 登录/注册 + + + +
+ +
+ +
@@ -96,6 +108,7 @@ - - - - diff --git a/web/src/views/LoginCallback.vue b/web/src/views/LoginCallback.vue index b5bb401e..8c5c7002 100644 --- a/web/src/views/LoginCallback.vue +++ b/web/src/views/LoginCallback.vue @@ -98,7 +98,7 @@ const doLogin = (userId) => { type: 'error', title: '登录失败', callback: () => { - router.push('/login') + router.push('/') }, }) }) diff --git a/web/src/views/Register.vue b/web/src/views/Register.vue deleted file mode 100644 index cf0de7b4..00000000 --- a/web/src/views/Register.vue +++ /dev/null @@ -1,510 +0,0 @@ - - - - - - - diff --git a/web/src/views/mobile/Apps.vue b/web/src/views/mobile/Apps.vue index 493f5f9c..1670340f 100644 --- a/web/src/views/mobile/Apps.vue +++ b/web/src/views/mobile/Apps.vue @@ -1,10 +1,8 @@ @@ -129,7 +356,7 @@ const fetchMenus = () => { .nav-left { display: flex; align-items: center; - + .iconfont { font-size: 20px; color: var(--van-primary-color); @@ -137,8 +364,6 @@ const fetchMenus = () => { } .create-content { - padding-top: 44px; // nav-bar height - :deep(.van-tabs__nav) { background: var(--van-background); box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08); @@ -154,7 +379,7 @@ const fetchMenus = () => { .tab-content { min-height: calc(100vh - 88px); - + .placeholder { display: flex; align-items: center; @@ -163,7 +388,71 @@ const fetchMenus = () => { color: var(--van-gray-6); font-size: 16px; } + + // 新增组件样式 + .suno-create, + .video-create, + .jimeng-create { + padding: 20px; + + .create-header { + text-align: center; + margin-bottom: 24px; + + h3 { + font-size: 20px; + font-weight: 600; + color: var(--van-text-color); + margin: 0 0 8px 0; + } + + p { + font-size: 14px; + color: var(--van-gray-6); + margin: 0; + } + } + + .create-form { + margin-bottom: 24px; + + .van-field { + margin-bottom: 16px; + } + + .van-button { + margin-top: 16px; + } + } + + .result-area { + background: var(--van-cell-background); + border-radius: 12px; + padding: 16px; + text-align: center; + + h4 { + font-size: 16px; + font-weight: 600; + color: var(--van-text-color); + margin: 0 0 12px 0; + } + + audio, + video, + .van-image { + width: 100%; + max-width: 300px; + margin-bottom: 12px; + border-radius: 8px; + } + + .van-button { + margin-top: 8px; + } + } + } } } } - \ No newline at end of file + diff --git a/web/src/views/mobile/Discover.vue b/web/src/views/mobile/Discover.vue index 6ca15b12..d83d2c5d 100644 --- a/web/src/views/mobile/Discover.vue +++ b/web/src/views/mobile/Discover.vue @@ -1,13 +1,5 @@