Uniapp问题：设置单页面字体大小的问题

问题：用户提出，某个单页面的字体要和其他页面的字体大小不一致，并且此页面可以设置字体大小。

开始解决：page-meta组件，页面属性配置节点，用于指定页面的一些属性、监听页面事件。可部分替代pages.json的功能。

从某种意义讲，page-meta对pages.json有一定替代作用，可以让页面的配置和页面内容代码写在一个vue文件中。它还可以实现通过变量绑定来控制页面配置。但它的性能不如pages.json的配置，在新页面加载时，渲染速度还是pages.json方式的写法更快。

属性说明

root-font-size这个来解决问题。

示例代码：

<page-meta
    :background-text-style="bgTextStyle"
    :background-color="bgColor"
    :background-color-top="bgColorTop"
    :background-color-bottom="bgColorBottom"
    :scroll-top="scrollTop"
    page-style="color: green"
    root-font-size="16px"
  >
  </page-meta>

 data() {
      return {
        bgTextStyle: 'dark',
        scrollTop: '200rpx',
        bgColor: '#ff0000',
        bgColorTop: '#00ff00',
        bgColorBottom: '#0000ff',
        nbTitle: '标题',
        nbLoading: false,
        nbFrontColor: '#000000',
        nbBackgroundColor: '#ffffff'
      }
    },

也可以动态的在onload或者onshow里面进行设置data参数。

关键点：

• <page-meta> 与 pages.json 的设置相冲突时，会覆盖 page.json 的配置