From 7f7ef99c181f73241a5784ee43ca4ab099cb8a42 Mon Sep 17 00:00:00 2001 From: Sun_sun <469361609@qq.com> Date: Mon, 15 Sep 2025 11:34:07 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9tabbar=20=E7=99=BB=E5=BD=95?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- App.vue | 2 +- components/Tabbar/Tabbar.vue | 91 ++++++++----- main.js | 5 + pages.json | 33 ++++- pages/finance/finance.vue | 4 +- pages/home/index.vue | 3 +- pages/login/login.vue | 236 +++++++++++++++++++++++++++++++++ pages/message/message.vue | 3 +- pages/my/my.vue | 3 +- pages/program/program.vue | 3 +- static/login/Chevron right.png | Bin 0 -> 404 bytes static/login/Globe.png | Bin 0 -> 1091 bytes static/login/Lock.png | Bin 0 -> 593 bytes static/login/Repeat.png | Bin 0 -> 650 bytes static/login/login-img.png | Bin 0 -> 47901 bytes static/login/user.png | Bin 0 -> 839 bytes 16 files changed, 335 insertions(+), 48 deletions(-) create mode 100644 pages/login/login.vue create mode 100644 static/login/Chevron right.png create mode 100644 static/login/Globe.png create mode 100644 static/login/Lock.png create mode 100644 static/login/Repeat.png create mode 100644 static/login/login-img.png create mode 100644 static/login/user.png diff --git a/App.vue b/App.vue index d83f103..1ca1ee6 100644 --- a/App.vue +++ b/App.vue @@ -14,4 +14,4 @@ + \ No newline at end of file diff --git a/components/Tabbar/Tabbar.vue b/components/Tabbar/Tabbar.vue index 24229d7..d4f17fa 100644 --- a/components/Tabbar/Tabbar.vue +++ b/components/Tabbar/Tabbar.vue @@ -3,7 +3,7 @@ 消息 -
消息
+
消息
 项目 diff --git a/main.js b/main.js index 734be3d..7766e79 100644 --- a/main.js +++ b/main.js @@ -3,6 +3,9 @@ import App from './App' // 引入 uView UI import uView from './uni_modules/vk-uview-ui'; +// 引入Tabbar +import TabbarVue from './components/Tabbar/Tabbar.vue'; + // #ifndef VUE3 import Vue from 'vue' import './uni.promisify.adaptor' @@ -23,6 +26,8 @@ export function createApp() { app.use(uView) + app.use("Tabbar", TabbarVue) + return { app } diff --git a/pages.json b/pages.json index a4233d7..4db7dd0 100644 --- a/pages.json +++ b/pages.json @@ -1,5 +1,12 @@ { "pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages + { + "path": "pages/login/login", + "style": { + "navigationBarTitleText": "登录", + "navigationStyle": "custom" + } + }, { "path": "pages/home/index", "style": { @@ -37,5 +44,29 @@ "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8" }, - "uniIdRouter": {} + "uniIdRouter": {}, + "tabBar": { + "height": "0", + "list": [{ + "pagePath": "pages/message/message", + "text": "消息" + }, + { + "pagePath": "pages/program/program", + "text": "项目" + }, + { + "pagePath": "pages/home/index", + "text": "主页" + }, + { + "pagePath": "pages/finance/finance", + "text": "金融" + }, + { + "pagePath": "pages/my/my", + "text": "我的" + } + ] + } } \ No newline at end of file diff --git a/pages/finance/finance.vue b/pages/finance/finance.vue index 3f3594a..a0d95b0 100644 --- a/pages/finance/finance.vue +++ b/pages/finance/finance.vue @@ -1,10 +1,8 @@ \ No newline at end of file diff --git a/pages/message/message.vue b/pages/message/message.vue index 47382f5..df5c904 100644 --- a/pages/message/message.vue +++ b/pages/message/message.vue @@ -1,11 +1,10 @@