Uni-app笔记 创建页面和页面配置、配置基本tabbar

在uni-app中创建自定义TabBar，你需要在页面的配置文件 `manifest.json` 中配置TabBar，并且通过编写相应的页面和组件代码来实现。具体步骤如下： 1. 打开 `manifest.json` 文件，找到 `app-plus` -> `distribute` -> `android` -> `permissions`，在这里可以配置TabBar的属性，比如颜色、选中项的图标等。 2. 在 `pages.json` 文件中配置TabBar。首先定义你需要显示的Tab页面，然后设置TabBar的列表。示例如下： ```json { "tabBar": { "list": [{ "pagePath": "pages/index/index", "text": "首页", "iconPath": "static/home.png", "selectedIconPath": "static/home_active.png" }, { "pagePath": "pages/logs/logs", "text": "日志", "iconPath": "static/logs.png", "selectedIconPath": "static/logs_active.png" }], "color": "#8f8f94", "selectedColor": "#007aff", "backgroundColor": "#ffffff", "borderStyle": "black" } } ``` 3. 自定义TabBar的样式和功能。你可以在页面中添加自定义的TabBar组件，通过监听点击事件，实现自定义的跳转和行为。 4. 编写自定义TabBar组件的样式和脚本，使用 `<view>`、`<image>` 等组件来布局你的TabBar，并通过绑定点击事件来实现页面跳转。 5. 在需要显示自定义TabBar的页面中引入并使用你的自定义TabBar组件。 通过上述步骤，你可以在uni-app中创建一个功能丰富、样式自定义的TabBar。确保在实际编码时检查各配置项的正确性和代码的可运行性。