uniapp 修改 text字体大小

可以通过以下两种方式修改 text 的字体大小：

1. 使用 style 属性：

<text style="font-size: 16px;">Hello world</text>

2. 使用 class 属性配合样式表：

<text class="my-text">Hello world</text>

样式表：

.my-text {
  font-size: 16px;
}

相关问题

修改uniapp的tabBar字体大小

要修改uniapp的tabBar字体大小，可以通过以下步骤进行操作：

1. 打开uniapp项目的根目录，找到 `App.vue` 文件。

2. 在 `App.vue` 文件中，找到 `tabBar` 配置的地方，一般是在 `tabBar` 的 `config` 中。

3. 在 `config` 中找到 `list` 数组，该数组存放了每个 `tabBar` 的配置信息。

4. 针对需要修改字体大小的 `tabBar`，找到对应的对象。

5. 在该对象中，添加一个 `textStyle` 属性，用于设置字体样式。例如：

{
  pagePath: 'pages/home/index',
  text: '首页',
  iconPath: 'static/home.png',
  selectedIconPath: 'static/home-selected.png',
  textStyle: {
    fontSize: '20px' // 设置字体大小
  }
}

6. 保存文件，重新编译运行项目，即可看到字体大小的修改效果。

通过以上步骤，你可以成功修改uniapp的tabBar字体大小。

uniapp 修改tabBar图标大小和navigationBar字体大小

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，能够编译到 iOS、Android、H5、以及各种小程序等多个平台。修改 `tabBar` 图标大小和 `navigationBar` 字体大小可以通过配置 `manifest.json` 文件和页面的样式文件来实现。

1. 修改 `tabBar` 图标大小：
在 `manifest.json` 文件中配置 `tabBar` 相关属性，可以指定 `iconWidth` 和 `iconHeight` 来设置图标尺寸。例如：

"tabBar": {
  "list": [{
    "pagePath": "pages/index/index",
    "text": "首页",
    "iconPath": "static/home.png",
    "selectedIconPath": "static/home_active.png",
    "iconWidth": 30,
    "iconHeight": 30
  }, /* ... 其他tabBar项 ... */]
}

在上述配置中，`iconWidth` 和 `iconHeight` 分别设置了图标的宽度和高度为 30 像素。

2. 修改 `navigationBar` 字体大小：
在页面的样式文件（如 `.vue` 文件中的 `<style>` 标签）中，可以使用 `uni-app` 的单位 rpx 来设置字体大小，这样可以保证在不同屏幕尺寸的设备上有较好的适应性。例如：

/* .vue 文件中的 <style> 部分 */
/deep/ .uni-navigationbar__title {
  font-size: 32rpx;
}

在这个例子中，`.uni-navigationbar__title` 是 `navigationBar` 标题的默认类名，通过修改 `font-size` 来调整字体大小为 32rpx。

需要注意的是，`/deep/` 是 `uni-app` 中使用递归选择器的方式，用于穿透 `Shadow DOM` 边界，达到深入组件内部修改样式的目的。