uniapp中使用自适应框架

在 Uniapp 中使用自适应框架，可以使用 rem 作为单位进行页面布局。具体步骤如下：

1. 在 `index.html` 中设置 viewport：

<meta name="viewport" content="width=device-width,initial-scale=1.0">

2. 在 `main.js` 中设置 rem：

// 设置 rem 函数
function setRem () {
  const htmlWidth = document.documentElement.clientWidth || document.body.clientWidth
  // 获取html的Dom元素
  const htmlDom = document.getElementsByTagName('html')[0]
  // 设置根元素字体大小
  htmlDom.style.fontSize = htmlWidth / 10 + 'px'
}
// 初始化
setRem()
// 改变窗口大小时重新设置 rem
window.onresize = function () {
  setRem()
}

3. 在样式文件中使用 rem 单位进行布局：

/* 以 iPhone6 为基准，设计稿宽度为750px */
/* 1rem = 75px */
.example {
  width: 6rem; /* 相当于 450px */
  font-size: 1.2rem; /* 相当于 90px */
}

通过以上步骤，我们就可以在 Uniapp 中使用自适应布局了。