一、页面结构：小程序基本设置（30分） 1. 使用微信开发者工具新建小程序项目，添加名为“index”的页面和名为“type”的页面。 （5分） 2. 编写app全局导航栏显示文字为“fm播放器”，type页面导航栏显示文字为“电台类型”。 （10分） (1) 编写app全局导航栏显示文字为“fm播放器” (5分) (2) type页面导航栏显示文字为“电台类型”。 (5分) 3. 底部标签栏tabBar，实现页面快速切换。 (15分)

页面结构：小程序基本设置

1. 新建小程序页面

首先，使用微信开发者工具新建一个小程序项目。在项目中添加两个页面，一个命名为“index”，另一个命名为“type”。这一步骤是小程序开发的基础，为后续的页面配置和功能实现打下基础。17

2. 配置导航栏显示文字

(1) app全局导航栏显示文字

在小程序的全局配置文件app.json中，设置window节点的navigationBarTitleText属性为“fm播放器”。这样，无论用户访问哪个页面，导航栏都会显示为“fm播放器”。7

{
  "window": {
    "navigationBarTitleText": "fm播放器"
  }
}

(2) type页面导航栏显示文字

对于特定的页面，如“type”，可以在该页面对应的type.json文件中覆盖全局设置，将navigationBarTitleText属性设置为“电台类型”。这样，当用户访问“type”页面时，导航栏会显示为“电台类型”。1

{
  "navigationBarTitleText": "电台类型"
}

3. 配置底部标签栏tabBar

底部标签栏tabBar允许用户在小程序的不同页面间快速切换。在app.json文件中配置tabBar节点，定义每个标签的名称、图标、选中时的图标以及对应的页面路径。以下是实现页面快速切换的一个示例配置：

{
  "tabBar": {
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "path/to/icon.png",
        "selectedIconPath": "path/to/selected-icon.png"
      },
      {
        "pagePath": "pages/type/type",
        "text": "电台",
        "iconPath": "path/to/type-icon.png",
        "selectedIconPath": "path/to/type-selected-icon.png"
      }
    ]
  }
}

通过上述配置，用户可以在小程序的首页和电台类型页面之间快速切换，提高了用户体验。89