7大性感拓展组件赋能你的小程序

2019年,微信小项目生态继续保持高速,蓬勃发展。到2019年底,日常生活达到2.5亿。微信还在搜索方面开启了全面搜索。微信PC终端还直接在内部测试计算机上打开小程序服务,逐步增加小程序的曝光率,进一步实现全面覆盖。

随着小程序生态逐渐稳定,它可以清楚地识别微信小程序的基本功能和扩展组件,可以在产品设计和操作促销的一半努力下实现两倍的结果。否则你不知道你可以设计什么样的产品。

自微信applet推出以来,已有一些开源组件库。以下主要是关于当前微信applet使用和关注的7个扩展组件和2个插件服务。微信applet自己的WeUI框架封装了微信原生视觉的组件和组件。可以使用户的使用感知更加均匀,第二种可以使企业/开发人员实现成本降低和效率提高的结果。

一:7个主要扩展组件

对话框弹出组件

WeUI目前有三种类型的Dialog组件:

第一个是Android和IOS上常见的本机对话框表单,显示标题,内容和操作按钮。

第二个是模拟对话框,其中包含标题,图像和动作按钮,主要使用图像而不是文本来传达信息。

第三种类型是半屏弹出对话框,显示主要字幕,主要和子内容以及操作按钮。主要是协助完成当前页面任务;提醒用户并引导用户进行下一步。

可自定义的属性:按钮数量(建议不超过2个),按钮文本,蒙版,对话框标题,关闭弹出窗口的事件,图像等。

Slideview组件

Slideview组件向左滑动以显示用户操作的按钮组合(收集,删除等)。这种形式的印象主要用于iOS平台的程序开发。适用于列出内容重复性较强的页面。

例如,如果要删除内容,请选择要删除的内容所在的区域,然后滑动到屏幕左侧以调出相应的按钮组合,再次单击以成功删除。滑动删除是一种辅助确认,因为它需要两个交互步骤才能成功,因此它更适合于具有高重复性和高误操作的页面。

可自定义的属性:是否显示图标,按钮样式和文本,显示和隐藏触发的事件等。

导航导航栏组件

设计非常滑。非常适合产品和业务。如果您有很多工作并且在赛车后有一个小程序,您可以直接在导航栏中设计搜索框,这不仅可以节省主页的显示空间,还可以增强搜索的频率。

可自定义的属性:样式,加载,隐藏时的过场动画等等。

ps:web-view中的导航栏不支持自定义

徽章组件

Common Badge组件通常在按钮,图标附近显示为数字或状态标记。使用此组件的基本目的是传达有关用户的某些信息,例如站中的未读消息,状态更新等。

可自定义的属性:数字提示或文本提示,大小和颜色等。

图库组件

它们中的大多数与Uploader组件同时存在。它们用于多个图像显示。您可以向左和向右滑动视图,直到滑动到第一个/最后一个。

可自定义的属性:删除按钮,单击图像隐藏组件,图像序列号,切换图像事件等。

加载组件

用户反馈动画加载组件提供三种类型,点 - 白,点 - 灰和圆。用户在加载数据时反馈加载效果。

可自定义的属性:提示文本,过度动画时间,加载类型等。

SearchBar搜索组件

搜索组件搜索栏通常与导航栏组件导航“匹配”,主要用于具有许多功能模块和略微负责的信息结构的页面。

可自定义的属性,例如是否显示默认搜索关键字,单击输入框以触发时间,取消按钮显示,搜索框样式,结果列表样式等。

Top Toptips组件

大多数Toptips组件同时与表单组件“匹配”,并且大多数组件用于表单验证或向后台提交成功或失败请求。

可自定义的属性:提示消失时间,提示类型(警告,错误,成功),提示内容,隐藏提示后触发的事件,自定义样式等。

二:插件服务

1. OCR识别插件

微信小程序的OCR插件目前提供多种识别功能,以支持第三方小程序调用进行远程身份验证和内容审计。具体而言,可以使用以下功能。

1.身份证识别:实现用户身份证信息的自动输入,可识别汉二代卡,少数民族身份证,香港身份证,澳门身份证,台湾身份证和部门外国身份证。

应用场景:在电子商务和直播中应用ID卡OCR,实现卖家/主机实名识别和认证,提高服务质量,避免恶意欺诈等业务风险

2.识别驾驶执照:实现驾驶执照信息的自动输入,识别机动车驾驶执照首页的关键部分,包括驾照号码,姓名,性别,国籍,地址,初始驾照日期,等等。

应用场景:交通信息服务应用,利用驾驶证和驾驶证识别实现车主信息的自动识别和输入,为车主提供推送相关信息,降低用户投入成本,提升体验

3.银行卡识别:目前,银行卡仅支持水平储蓄卡和信用卡。目前,只能识别银行卡号。如果需要银行卡名称和到期时间,用户必须手动手动输入。

应用场景:在支付卡绑定过程中自动识别银行卡的照片,以提高数据录入的准确性和效率。

2.同声传译

微信的同声传译是2017年腾讯媒体+峰会上所有人首次看到的。同声传译是微信自主开发的一种语音技术。它涵盖了语音输入,文本翻译和其他功能的包装,并赋予第三方权力。程序调用。目前,以下三项功能均已开放。

1.语音输入:实时流式语音识别,长按开始识别和停止识别(录音持续时间目前限制为60秒,超过60秒后自动停止录音。目前支持普通话,广东话,四川语和英语)/p>

2.文本翻译:文本翻译目前支持中文和英文(翻译内容限制为1000个字符)

3.语音合成:语音合成目前支持的语言是中文和英文。获得的语音文件具有到期时间(3小时后过期),可以下载以供本地使用。

应用场景:语音输入可以摆脱不常见的单词和拼音障碍,并以语音方式输入输入文本,这更加友好。

与其他类似的第三方接口相比,优点是响应速度快,但呼叫量有限。如果有业务需求,您可以自己申请和微信,官方将合理分配一个特定的金额。

本文具有很强的及时性,微信小程序仍然在迭代地开放新功能和新组件。如果你还没有使用它们,你可以继续关注。以上希望对您有所帮助。

首席吹制官

0.1

2019.08.13 18: 31

字数2188

2019年,微信小项目生态继续保持高速,蓬勃发展。到2019年底,日常生活达到2.5亿。微信还在搜索方面开启了全面搜索。微信PC终端还直接在内部测试计算机上打开小程序服务,逐步增加小程序的曝光率,进一步实现全面覆盖。

随着小程序生态逐渐稳定,它可以清楚地识别微信小程序的基本功能和扩展组件,可以在产品设计和操作促销的一半努力下实现两倍的结果。否则你不知道你可以设计什么样的产品。

自微信applet推出以来,已有一些开源组件库。以下主要是关于当前微信applet使用和关注的7个扩展组件和2个插件服务。微信applet自己的WeUI框架封装了微信原生视觉的组件和组件。可以使用户的使用感知更加均匀,第二种可以使企业/开发人员实现成本降低和效率提高的结果。

一:7个主要扩展组件

对话框弹出组件

WeUI目前有三种类型的Dialog组件:

第一个是Android和IOS上常见的本机对话框表单,显示标题,内容和操作按钮。

第二个是模拟对话框,其中包含标题,图像和动作按钮,主要使用图像而不是文本来传达信息。

第三种类型是半屏弹出对话框,显示主要字幕,主要和子内容以及操作按钮。主要是协助完成当前页面任务;提醒用户并引导用户进行下一步。

可自定义的属性:按钮数量(建议不超过2个),按钮文本,蒙版,对话框标题,关闭弹出窗口的事件,图像等。

Slideview组件

Slideview组件向左滑动以显示用户操作的按钮组合(收集,删除等)。这种形式的印象主要用于iOS平台的程序开发。适用于列出内容重复性较强的页面。

例如,如果要删除内容,请选择要删除的内容所在的区域,然后滑动到屏幕左侧以调出相应的按钮组合,再次单击以成功删除。滑动删除是一种辅助确认,因为它需要两个交互步骤才能成功,因此它更适合于具有高重复性和高误操作的页面。

可自定义的属性:是否显示图标,按钮样式和文本,显示和隐藏触发的事件等。

导航导航栏组件

设计非常滑。非常适合产品和业务。如果您有很多工作并且在赛车后有一个小程序,您可以直接在导航栏中设计搜索框,这不仅可以节省主页的显示空间,还可以增强搜索的频率。

可自定义的属性:样式,加载,隐藏时的过场动画等等。

ps:web-view中的导航栏不支持自定义

徽章组件

Common Badge组件通常在按钮,图标附近显示为数字或状态标记。使用此组件的基本目的是传达有关用户的某些信息,例如站中的未读消息,状态更新等。

可自定义的属性:数字提示或文本提示,大小和颜色等。

图库组件

它们中的大多数与Uploader组件同时存在。它们用于多个图像显示。您可以向左和向右滑动视图,直到滑动到第一个/最后一个。

可自定义的属性:删除按钮,单击图像隐藏组件,图像序列号,切换图像事件等。

加载组件

用户反馈动画加载组件提供三种类型,点 - 白,点 - 灰和圆。用户在加载数据时反馈加载效果。

可自定义的属性:提示文本,过度动画时间,加载类型等。

SearchBar搜索组件

搜索组件搜索栏通常与导航栏组件导航“匹配”,主要用于具有许多功能模块和略微负责的信息结构的页面。

可自定义的属性,例如是否显示默认搜索关键字,单击输入框以触发时间,取消按钮显示,搜索框样式,结果列表样式等。

Top Toptips组件

大多数Toptips组件同时与表单组件“匹配”,并且大多数组件用于表单验证或向后台提交成功或失败请求。

可自定义的属性:提示消失时间,提示类型(警告,错误,成功),提示内容,隐藏提示后触发的事件,自定义样式等。

二:插件服务

1. OCR识别插件

微信小程序的OCR插件目前提供多种识别功能,以支持第三方小程序调用进行远程身份验证和内容审计。具体而言,可以使用以下功能。

1.身份证识别:实现用户身份证信息的自动输入,可识别汉二代卡,少数民族身份证,香港身份证,澳门身份证,台湾身份证和部门外国身份证。

应用场景:在电子商务和直播中应用ID卡OCR,实现卖家/主机实名识别和认证,提高服务质量,避免恶意欺诈等业务风险

2.识别驾驶执照:实现驾驶执照信息的自动输入,识别机动车驾驶执照首页的关键部分,包括驾照号码,姓名,性别,国籍,地址,初始驾照日期,等等。

应用场景:交通信息服务应用,利用驾驶证和驾驶证识别实现车主信息的自动识别和输入,为车主提供推送相关信息,降低用户投入成本,提升体验

3.银行卡识别:目前,银行卡仅支持水平储蓄卡和信用卡。目前,只能识别银行卡号。如果需要银行卡名称和到期时间,用户必须手动手动输入。

应用场景:在支付卡绑定过程中自动识别银行卡的照片,以提高数据录入的准确性和效率。

2.同声传译

微信的同声传译是2017年腾讯媒体+峰会上所有人首次看到的。同声传译是微信自主开发的一种语音技术。它涵盖了语音输入,文本翻译和其他功能的包装,并赋予第三方权力。程序调用。目前,以下三项功能均已开放。

1.语音输入:实时流式语音识别,长按开始识别和停止识别(录音持续时间目前限制为60秒,超过60秒后自动停止录音。目前支持普通话,广东话,四川语和英语)/p>

2.文本翻译:文本翻译目前支持中文和英文(翻译内容限制为1000个字符)

3.语音合成:语音合成目前支持的语言是中文和英文。获得的语音文件具有到期时间(3小时后过期),可以下载以供本地使用。

应用场景:语音输入可以摆脱不常见的单词和拼音障碍,并以语音方式输入输入文本,这更加友好。

与其他类似的第三方接口相比,优点是响应速度快,但呼叫量有限。如果有业务需求,您可以自己申请和微信,官方将合理分配一个特定的金额。

本文具有很强的及时性,微信小程序仍然在迭代地开放新功能和新组件。如果你还没有使用它们,你可以继续关注。以上希望对您有所帮助。

2019年,微信小项目生态继续保持高速,蓬勃发展。到2019年底,日常生活达到2.5亿。微信还在搜索方面开启了全面搜索。微信PC终端还直接在内部测试计算机上打开小程序服务,逐步增加小程序的曝光率,进一步实现全面覆盖。

随着小程序生态逐渐稳定,它可以清楚地识别微信小程序的基本功能和扩展组件,可以在产品设计和操作促销的一半努力下实现两倍的结果。否则你不知道你可以设计什么样的产品。

自微信applet推出以来,已有一些开源组件库。以下主要是关于当前微信applet使用和关注的7个扩展组件和2个插件服务。微信applet自己的WeUI框架封装了微信原生视觉的组件和组件。可以使用户的使用感知更加均匀,第二种可以使企业/开发人员实现成本降低和效率提高的结果。

一:7个主要扩展组件

对话框弹出组件

WeUI目前有三种类型的Dialog组件:

第一个是Android和IOS上常见的本机对话框表单,显示标题,内容和操作按钮。

第二个是模拟对话框,其中包含标题,图像和动作按钮,主要使用图像而不是文本来传达信息。

第三种类型是半屏弹出对话框,显示主要字幕,主要和子内容以及操作按钮。主要是协助完成当前页面任务;提醒用户并引导用户进行下一步。

可自定义的属性:按钮数量(建议不超过2个),按钮文本,蒙版,对话框标题,关闭弹出窗口的事件,图像等。

Slideview组件

Slideview组件向左滑动以显示用户操作的按钮组合(收集,删除等)。这种形式的印象主要用于iOS平台的程序开发。适用于列出内容重复性较强的页面。

例如,如果要删除内容,请选择要删除的内容所在的区域,然后滑动到屏幕左侧以调出相应的按钮组合,再次单击以成功删除。滑动删除是一种辅助确认,因为它需要两个交互步骤才能成功,因此它更适合于具有高重复性和高误操作的页面。

可自定义的属性:是否显示图标,按钮样式和文本,显示和隐藏触发的事件等。

导航导航栏组件

设计非常滑。非常适合产品和业务。如果您有很多工作并且在赛车后有一个小程序,您可以直接在导航栏中设计搜索框,这不仅可以节省主页的显示空间,还可以增强搜索的频率。

可自定义的属性:样式,加载,隐藏时的过场动画等等。

ps:web-view中的导航栏不支持自定义

徽章组件

Common Badge组件通常在按钮,图标附近显示为数字或状态标记。使用此组件的基本目的是传达有关用户的某些信息,例如站中的未读消息,状态更新等。

可自定义的属性:数字提示或文本提示,大小和颜色等。

图库组件

它们中的大多数与Uploader组件同时存在。它们用于多个图像显示。您可以向左和向右滑动视图,直到滑动到第一个/最后一个。

可自定义的属性:删除按钮,单击图像隐藏组件,图像序列号,切换图像事件等。

加载组件

用户反馈动画加载组件提供三种类型,点 - 白,点 - 灰和圆。用户在加载数据时反馈加载效果。

可自定义的属性:提示文本,过度动画时间,加载类型等。

SearchBar搜索组件

搜索组件搜索栏通常与导航栏组件导航“匹配”,主要用于具有许多功能模块和略微负责的信息结构的页面。

可自定义的属性,例如是否显示默认搜索关键字,单击输入框以触发时间,取消按钮显示,搜索框样式,结果列表样式等。

Top Toptips组件

大多数Toptips组件同时与表单组件“匹配”,并且大多数组件用于表单验证或向后台提交成功或失败请求。

可自定义的属性:提示消失时间,提示类型(警告,错误,成功),提示内容,隐藏提示后触发的事件,自定义样式等。

二:插件服务

1. OCR识别插件

微信小程序的OCR插件目前提供多种识别功能,以支持第三方小程序调用进行远程身份验证和内容审计。具体而言,可以使用以下功能。

1.身份证识别:实现用户身份证信息的自动输入,可识别汉二代卡,少数民族身份证,香港身份证,澳门身份证,台湾身份证和部门外国身份证。

应用场景:在电子商务和直播中应用ID卡OCR,实现卖家/主机实名识别和认证,提高服务质量,避免恶意欺诈等业务风险

2.识别驾驶执照:实现驾驶执照信息的自动输入,识别机动车驾驶执照首页的关键部分,包括驾照号码,姓名,性别,国籍,地址,初始驾照日期,等等。

应用场景:交通信息服务应用,利用驾驶证和驾驶证识别实现车主信息的自动识别和输入,为车主提供推送相关信息,降低用户投入成本,提升体验

3.银行卡识别:目前,银行卡仅支持水平储蓄卡和信用卡。目前,只能识别银行卡号。如果需要银行卡名称和到期时间,用户必须手动手动输入。

应用场景:在支付卡绑定过程中自动识别银行卡的照片,以提高数据录入的准确性和效率。

2.同声传译

微信的同声传译是2017年腾讯媒体+峰会上所有人首次看到的。同声传译是微信自主开发的一种语音技术。它涵盖了语音输入,文本翻译和其他功能的包装,并赋予第三方权力。程序调用。目前,以下三项功能均已开放。

1.语音输入:实时流式语音识别,长按开始识别和停止识别(录音持续时间目前限制为60秒,超过60秒后自动停止录音。目前支持普通话,广东话,四川语和英语)/p>

2.文本翻译:文本翻译目前支持中文和英文(翻译内容限制为1000个字符)

3.语音合成:语音合成目前支持的语言是中文和英文。获得的语音文件具有到期时间(3小时后过期),可以下载以供本地使用。

应用场景:语音输入可以摆脱不常见的单词和拼音障碍,并以语音方式输入输入文本,这更加友好。

与其他类似的第三方接口相比,优点是响应速度快,但呼叫量有限。如果有业务需求,您可以自己申请和微信,官方将合理分配一个特定的金额。

本文具有很强的及时性,微信小程序仍然在迭代地开放新功能和新组件。如果你还没有使用它们,你可以继续关注。以上希望对您有所帮助。