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

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

页面布局

基础布局

基于宽度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,把底部横条颜色适配为与底部栏一致。




正确

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





错误

底部横条未正确配置。

相关推荐新闻

百度智能小程序熊掌号搜索资源指数3.0上线

搜索资源指数3.0已于8月30日上线,搜索资源指数3.0由三部分构成:智能小程序指数、站点指数、平台任务分。 即:新版搜索指数的总分=智能小程序指数+站点指数+平台任务分。 特别说明,拥有多个智能小程序的合作伙伴,智能小程序指数是由绑定的多个智能小程序综合评估后得出,并非多个智能小程序各自的指数直接简单相加。

什么是robots文件格式有哪些如何提交

什么是robots文件Robots是站点与spider沟通的重要渠道,站点通过robots文件声明本网站中不想被搜索引擎收录的部分或者指定搜索引擎只收录特定的部分。

网站建设改版(连云港)如何提交百度站长工具

网站建设改版(连云港)如何提交百度站长工具

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

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

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

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

网站备案相关负责人名称与身份证不匹配如何解决

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

网站备案主体信息与权威库中比对不一致解决办法

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

百家号指数如何提升计算方式是什么

为了让百家号作者更方便地了解自己所运营账号的表现和创作内容的投放效果,同时获得更多的推荐和权益,我们推出了百家号指数。 百家号指数是通过对作者的内容质量、领域专注、活跃表现、原创能力、用户喜爱,五个维度的计算而得出的客观评分结果。分数越高,代表账号的质量越好,越能获得更多的权益。

西部数码云主机怎么绑定域名

云主机怎么绑定域名?购买了云主机以后要建网站的话,我们肯定需要将服务器进行域名的绑定和解析,这里介绍下西部数码的云主机怎么进行域名绑定。

云服务器放几个网站好

西部数码一个云服务器可以放几个网站?理论上来说,一台云服务器能绑定的网站数量不限,但性能上面是有差别的。而且在实际应用中,云服务商一般会对一台服务器可绑定的域名数量做出限制,所以云服务器能放的网站数是有限的。

睢宁卷帘门厂家推荐

安尚邦门业作为徐州睢宁卷帘门厂家自创办以来始终以顾客为中心,以市场为导向、以品牌为核心的设计制造防火卷帘门、抗风卷帘门、水晶卷帘门、工业提升门、PVC快速门等相关产品的企业。公司现投放市场的各种防火卷帘门系列产品, 外观及自动化程度均已达到国内标准水平,产品销往全国各地。

网站建设推广方案

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