uniapp app适配

uniapp是一种基于Vue.js框架的跨平台开发框架，可以同时开发出iOS、Android、H5等多个平台的应用。在进行uniapp app适配时，需要注意以下几点：

1.设计稿的宽度应该是750px，这是因为uniapp默认将屏幕宽度分为750份，方便进行适配。

2.在进行元素宽度的适配时，需要将设计稿上的宽度按照比例转换为rpx单位，例如：若设计稿宽度为750px，元素 A 在设计稿上的宽度为100px，那么元素 A 在 uni-app 里面的宽度应该设为：750 * 100 / 750，结果为：100rpx。

3.在进行字体大小的适配时，可以使用uniapp提供的$px2rpx()方法将像素值转换为rpx单位，例如：font-size: $px2rpx(32px);

4.在进行图片的适配时，可以使用uniapp提供的image组件，并设置mode属性为widthFix，这样可以保证图片在不同屏幕上的显示效果一致。

下面是一个uniapp app适配的示例代码：

<template>
  <view class="container">
    <image class="logo" src="/static/logo.png"></image>
    <text class="title">Hello World</text>
  </view>
</template>

<style>
  .container {
    width: 750rpx;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .logo {
    width: 200rpx;
    height: 200rpx;
  }
  .title {
    font-size: $px2rpx(32px);
    margin-top: 20rpx;
  }
</style>