Categories


Tags


百度智能小程序设计指南-页面布局

基础布局

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

正确

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

错误

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

错误

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

透明框架布局适配

当开发者使用小程序的原生顶部导航栏时,开发者只需要在顶部导航栏下方开始布局页面即可。

智能小程序在基础库 2.10.7 及以上版本,可以自定义顶部导航栏,使其只保留框架控制功能区,后文简称为“透明框架”。

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

1. 透明框架。

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

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

正确

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

错误

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

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

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

全面屏顶部导航栏适配

原生顶部导航栏适配策略

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

自定义顶部导航栏适配

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

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

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

全面屏手机的刘海高度等同于系统状态栏的高度。

通过系统信息接口getSystemInfoSync获得系统状态栏的高度(statusBarHeight),在全面屏手机页面布局中增加系统状态栏的高度。

正确

正确考虑状态栏高度

错误

元素被遮挡,显示不全。

注意:全面屏 iPhone 底部适配

在布局上,全面屏 iPhone 需要格外关注底部横条(Home Indicator)的配置。

全面屏 iPhone 的底部横条默认透明,如开发者使用小程序底部标签栏,底部横条会自动适配底部标签栏的背景颜色。

1. 默认底部横条透明;

2. 使用底部标签栏,自动适配底部横条。

当开发者未使用底部标签栏组件,而是自主开发底部栏(如购物栏,评论栏),需注意此区域不可布局可操作元素,避免误操作。

可以调用小程序提供的.view_css适配全面屏 iPhone,把底部横条颜色适配为与底部栏一致。

正确

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

错误

底部横条未正确配置。

来源:百度智能小程序


Public @ 2014-09-13 15:59:21

小红书精准引流操作方案

我接触过很多卖家,大家愁的最多的就是没有流量,不知道从哪获取流量,不知道怎么获取流量。其实干什么都是有套路的,只要你按照套路的步骤,一步一步的去执行,流量的问题很容易解决。下面我来分享小红书的引流步骤,内容比较干,实操性很强,建议收藏后实践。为什么选择小红书呢?主要就是作者对小红书比较熟悉。小红书的粉丝质量特别的高,在知乎、微博、贴吧、头条等等平台中,小红书可以说是全网粉丝质量最高的平台。而且我们

Public @ 2013-12-15 15:41:33

为什么百度搜索喜欢智能小程序?

作为一款搜索引擎,百度希望为用户提供更为全面、快速、方便的搜索服务。智能小程序与此相符,它们可以在不离开搜索页面的情况下直接为用户提供应用服务,节省用户的时间和操作流程。同时,智能小程序还可以通过人工智能技术对用户的需求进行分析和预测,提供更为个性化的服务体验。因此,百度搜索喜欢智能小程序并不仅仅是为了追求新鲜感,更是为了提高用户的搜索体验和满意度。

Public @ 2023-04-27 01:00:11

什么是小程序自然搜索

小程序自然搜索指的是用户在微信小程序搜索框中输入关键词后,小程序自动推荐与该关键词相关的小程序,而非通过广告或付费推广等方式推荐给用户。这种自然搜索是基于小程序的搜索引擎和算法,根据关键词匹配小程序的相关度、用户评价、活跃度等指标来排序展示相关的小程序给用户。自然搜索能够为小程序带来更多潜在用户流量,提高用户曝光度和品牌知名度。

Public @ 2023-06-24 14:00:08

百度智能小程序-第三方平台开发者业务行为规范

一、 总则1、 目的为了保障小程序第三方平台开发者业务的健康可持续发展,规范第三方平台开发者业务行为,保障公司运营和防控业务风险,根据第三方平台开发者业务的实际情况及有关规定特制定本业务行为规范。2、 适用范围第三方平台开发者:是经有效注册、申请、认证,将其享有相应权利的第三方平台接入智能小程序平台,通过该第三方平台向开发者提供包括但不限于托管服务的个人、法人或其他组织。服务对象:是指将其智能小程

Public @ 2021-12-13 15:44:40

更多您感兴趣的搜索

0.518259s