支付宝小程序：小程序宽屏通用适配规则

小程序接入多端横、竖屏设备，支持从小程序主体模块，拓展为3个模块：最近使用+小程序主体+运营内容信息展示。

右侧信息展示区：商家可配置营销banner，尺寸500x236（2倍图）；未配置时，采用小程序标题和描述作为兜底（无需商家配置）。

运营活动在竖屏上从活动推荐入口进入，商家可配置营销banner，尺寸500x236（2倍图）；未配置时，活动悬浮入口不展示。

最近使用、小程序主体、运营内容展示区域可根据系统需要选择不同模块组合展示。

最近使用模块可根据设备左右配置在小程序主体；

运营内容信息展示在横/竖屏不同设备上展示有所区分。比如天猫精灵可使用横屏第1种3屏方案、车载系统本身包含大地图背景，可使用横屏第6种单小程序主体方案。

横屏设置小程序主体展示宽度不小于400。一旦拉伸后，小程序主体宽度小于400，则建议不展示最近使用和运营模块。

竖屏

适配拉伸后小程序主体宽度小于750则不建议配置“最近使用”区域。

2、小程序容器形状可定制

小程序容器边框可根据不同设备系统做形状定制。建议如方角矩形、圆角矩形、默认方角矩形。

最近使用和右侧说明区域的小程序logo容器，可根据不同设备系统UI规范，做形状定制。如方角矩形、圆角矩形、圆形，默认圆形。

主题色由面板主色和面板辅色2种颜色构成。可根据设备系统需要定制主题色。也可同一系统，定制多套风格，如车载系统的白天模式和黑夜模式。

文字颜色可根据系统做定制。有3种颜色可配置：标题色A/强调色B/辅助色C，对应内容如下图：

由于部分小程序的顶部导航适配问题，开放单个小程序主体区域宽度调试功能。如果宽度小于最大常规宽度，则结构不变，小程序主体区域在原位置基础居中。如果宽度大于最大常规宽度，则隐藏右侧说明区域，小程序主体区域在右侧整体居中。竖屏同理。