徐州网站建设营销建站
公司企业网站建设服务
当前位置:首页 > 帮助中心 > 百度智能小程序页面布局设计规范

百度智能小程序页面布局设计规范

页面布局

基础布局

基于宽度750px(iPhone 6)输出视觉方案,我们在布局智能小程序信息时,为信息内容区至少留出左右边距34px(17pt),限制内容宽度以获得的可读性。




正确

内容左右边距应至少留出34px。





错误

边距过宽,页面元素过于集中。





错误

边距过窄,页面元素过于分散。



透明框架布局适配

当开发者使用小程序的原生顶部导航栏时,开发者只需要在顶部导航栏下方开始布局页面即可。
智能小程序在百度App v11.1及以上版本,可以自定义顶部导航栏,使其只保留框架控制功能区,后文简称为“透明框架”。



1. 默认框架,使用小程序顶部导航栏;
2. 透明框架。



透明框架下,页面布局从屏幕顶部开始,请注意页面内容应布局在安全区内,否则会导致信息阅读体验差,或可点击元素功能不可用。



小程序透明框架的安全区 = 屏幕 -(系统状态栏(1) + 框架控制功能区(2))






正确

页面元素和功能均在安全区内展现。





错误

页面元素和功能超出安全区,无法正常使用。



上滑页面时,为保证元素正常显示,可以为系统状态栏区域单独赋予背景颜色。



页面上滑时,内容可能与系统状态栏上的内容交叠,建议此时为系统状态栏加上背景色。



全面屏顶部导航栏适配

原生顶部导航栏适配策略

当开发者使用小程序的顶部导航栏时,我们会针对不同刘海屏机型进行适配,开发者只需要在顶部导航栏下方开始布局页面即可。





自定义顶部导航栏适配

但如果使用自定义顶部导航栏(透明框架),此时开发者需要自行适配。



左:全面屏iPhone 安全区 = 屏幕 -(系统状态栏(1) + 框架控制功能区(2)+ 底部指示区(3))
右:全面屏安卓手机 安全区 = 屏幕 -(系统状态栏(1) + 框架控制功能区(2))



一般来说,全面屏安卓手机的刘海高度=系统状态栏高度,全面屏iPhone刘海高度为44pt。
通过系统信息接口getSystemInfoSync获得系统状态栏的高度(statusBarHeight),并在布局全面屏手机的页面时,增加这一高度。




正确

正确考虑状态栏高度





错误

元素被遮挡,显示不全。



注意:全面屏iPhone底部适配

在布局上,全面屏iPhone需要格外关注底部横条(Home Indicator)的配置,其高度为34pt。
全面屏iPhone的底部横条默认透明,如开发者使用小程序底部标签栏,底部横条会自动适配底部标签栏的背景颜色。



1. 默认底部横条透明;
2. 使用底部标签栏,自动适配底部横条。



当开发者未使用底部标签栏组件,而是自主开发底部栏(如购物栏,评论栏),需注意此区域不可布局可操作元素,避免误操作。
可以调用小程序提供的.view_css适配全面屏iPhone,把底部横条颜色适配为与底部栏一致。




正确

底部横条已正确配置,颜色与底部栏一致。





错误

底部横条未正确配置。

相关推荐新闻

企业网站备案主体信息与库中比对不一致

常见报错有: 您好,经库查询对比:单位数据不存在;企业单位名称不一致/法人名称不一致/证件号码不一致;从征信查询,单位名称不一致应为:xxxxx公司,请及时变更;主办单位证件号码有误,请及时变更备案主体资料:使用统一社会信用代码 xxxxxxT 原因:一般是因为单位更名、法人变更、营业执照升位、更换统一代码导致的。

企业网站备案负责人名称与身份证不匹配

常见报错:xxx身份证与姓名不匹配,请变更备案资料及时修正 原因:常见有二:一、原备案信息填写时出现错字;二、相关身份证信息有变更或工商法人信息有变更; 解决办法:请按照如下步骤排查解决: ①、请比对备案信息中相关负责人姓名是否与证件完全一致,若不一致,请及时在备案信息-备案主体中修改; ②、若填写无误,可能是相关证件近期发生过变更导致的:

网站备案企业经营状态异常

常见报错有:从征信查询,营业执照状态不正常,证件异常/在异常名录中;从征信查询,营业执照状态不正常,证件注销/从征信查询,营业执照不存在/营业执照已移出/营业执照已迁移 解决办法:请登录国家企业信用信息公示系统核查营业状态,若确实营业状态异常,需要联系当地工商部门解除异常,异常解除后再次提交备案审核;

企业网站备案缺少网站备案资料或备案资料异常

常见报错:xxx身份证与姓名不匹配,请变更备案资料及时修正原因:常见有二:一、原备案信息填写时出现错字;二、相关身份证信息有变更或工商法人信息有变更;解决办法:请按照如下步骤排查解决:请比对备案信息中相关负责人姓名是否与证件完全一致,若不一致,请及时在备案信息-备案主体中修改;若填写无误,可能是相关证件近期发生过变更导致的:若报错的是网站负责人,建议更换为其他的本单位工作人员;

网站目录

网站目录是指网站为了方便浏览者或者管理者好区分而做的分类。网站的目录是网站的基本结构之一。一个网站的目录分类的好对整个网站的浏览有很大的帮助。

睢宁卷帘门厂家推荐

江苏安尚邦门业有限公司是制作生产加工销售为一体的睢宁卷帘门厂家,

网站建设推广方案

策划网站建设推广方案是为达到一定的营销目标而制定的综合性的、具体的可操作的网络营销策略和活动计划。一份完整的以网站为基本网络营销平台的网络营销策划方案必须包括以下几个基本要素:网站诊断分析、网站优化、综合网络推广、网络营销培训、收费形式、经典案例、联系我们等七大模块。

网站建设制作教程

《网站建设制作教程》从软件开发的角度来介绍网站的建设过程,以成熟的具有广泛实用性的ASP技术作为教材的主体,内容包括网站建设基础、ASP动态网页编程、网站开发技术,新一代的互联网技术。网页编程以ASP为主,深入讲解了ASP的对象和组件;同时对COM、XML(标准通用标记语言的子集)、Web Service、.net、J2EE也做了简要介绍。在本书的写作中,作者努力将现代的软件开发原理、技术和思维方法融入互联网站建设的开发示例中,以实例贯穿《网站建设制作教程》。

网站建设企业类型与标准

网站建设企业类型:1、营销型网站建设2、外贸型网站建设3、企业集团式网站建设4、企业购物型网站建设5、企业微网站6、seo优化型企业网站建设,网站建设企业标准所谓的营销型网站就是满足企业的营销目的,面向客户,销售的企业的产品或服务。所以定位企业的市场再国内还是国际市场的营销功能非常重要。

西部数码企业备案码如何获取

西部数码企业备案码如何获取 备案码,是备案时用于验证业务开通情况的密码,仅限在备案平台备案时使用,可在主机业务管理区查看获取:虚拟主机业务管理区-备案码选项-点击查看云建站管理区-站点详细信息-点击查看备案码

西部数码备案企业备案码作为凭证

启用[备案码]作为业务凭证从即日起,备案“网站信息”中不再使用业务名+业务密码方式判断业务是否存在,而启用[备案码]为业务是否存在的唯一凭证。

网站icp备案启用电子化在线核验不需要盖章

在线核验ICP备案主体真实身份信息后,自动生成《ICP备案信息真实性核验单》,并在线提交相关信息,不再提交纸质《ICP备案信息真实性核验单》,也无需单位盖章,核验用户仅需在线提交《互联网信息服务备案承诺书》即可。备案用户真实身份信息全电子化核上线以后,会大大减少备案的复杂程度,大大缩短备案时间。