跨平台开发最佳实践

1. 组件策略

   • 优先使用 UniApp 内置组件（如 <view>、<text>），替代 HTML 标签
   • 封装平台无关的基础组件库，通过条件编译处理平台差异
   • 复杂交互组件考虑使用 renderjs（H5 端）或原生插件（App 端）

2. 样式适配

   • 使用 rpx 单位实现多端自适应（750rpx = 屏幕宽度）
   • 利用 uni.scss 中的主题变量实现样式统一
   • 针对不同屏幕比例使用媒体查询：

   @media (orientation: landscape) {
     /* 横屏样式 */
   }

3. API 使用原则

   • 优先使用 uni 前缀 API（如 uni.navigateTo），避免平台特定 API
   • 封装 API 适配层，处理平台差异方法
   • 复杂原生能力通过插件市场获取成熟解决方案