vue2的uniapp 的页面在点击按钮时页面的字体都按照自身的大小放大1.2倍

在 Vue2 中使用 uni-app 开发，如果你想在用户点击按钮时将页面的所有字体放大1.2倍，你可以按照以下步骤操作：

1. 首先，在 Vue 组件中，你需要获取到页面上需要显示文本的元素，例如 `el-text` 或 `el-input` 等。你可以使用 `ref` 属性绑定到这些元素上，以便后续操作。

<template>
  <div>
    <button @click="zoomText">放大字体</button>
    <el-text ref="textContent" :textContent="yourText"></el-text>
  </div>
</template>

<script>
export default {
  data() {
    return {
      yourText: '这是一个示例文本',
    };
  },
  methods: {
    zoomText() {
      this.$refs.textContent.style.fontSize = `${this.$refs.textContent.style.fontSize * 1.2}px`;
    }
  }
};
</script>

2. 当点击按钮时，调用 `zoomText` 方法，获取当前文本节点的字体大小并将其乘以1.2，然后设置新值到 `fontSize` 属性上，从而实现放大效果。

注意：这种方式只适用于已有字体大小设定的元素。对于无初始字体设置或动态生成的文本，你可能需要额外处理。