宽屏通用适配规则

1. 概述

FinClip 小程序支持大屏幕（PC/TV/车载平板等），保证内容清晰可读、界面元素操作简易，建立高效、友好、一致的用户体验，最大程度地适应和支持不同的需求，本指引提供宽屏适配相关建议，以供参考。

2. 适配宽屏

在 PC/TV/车载平板上，因视图增大可展示更多的信息，可对小程序的布局进行优化

2.1 适配原则

竖屏：以手机尺寸414×736显示

横屏：以平板尺寸768×1024显示

2.2 适配布局优化

(1)左右布局：充分利用屏幕宽度，页面元素左右布置提高视图利用率

(2)自由布局：对内容布局适当地重新设计，让元素充分展示在视图中

(3)更适合的导航方式：将横排的导航栏，改为侧边栏样式，更好地区分界面主次关系

3. 宽屏交互适配

3.1 PC 端交互适配

PC 端依赖鼠标和键盘操作，需要将移动端手势转译为鼠标操作

3.2 TV 端交互适配

TV 端依赖遥控器与电视交互，需要明确当前光标所在位置，提示选中或悬停的元素

3.3 车载平板端交互适配

车载平板端应优先考虑驾驶员安全作为前提，交互区域应该清晰可读，容易操作，满足车辆行驶中完成简单的交互行为