支付宝小程序：小程序跳转到H5页面+一些基础知识：

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/weixin_45077505/article/details/102729486

<web-view /> 为官方封装好的组件，用于在支付宝小程序中内嵌h5网页，此组件默认会占满整个小程序页面，一个页面中只能使用一个web-view组件，如果使用了多个，组件会向上覆盖，也就是指只会展示最新的一个web-view组件。

使用web-view需要在后台配置域名白名单

在调试时可在 开发者工具-详情-域名信息 中配置忽略Webview域名合法性检查。

基础组件和微信小程序类似，不过支付宝小程序多了官方开源的UI组件库，可以提高开发效率，包括tab选项卡、九宫格、步骤条、分页等经常用到的UI。

同时，支付宝组件多了两个开放组件，

contact-button 智能客服，主要是用来开通智能客服，需要进行配置。
lifestyle 关注生活号：也就是相当于微信中的公众号。两种状态：未关注点击直接可以在小程序中关注该生活号；用户已关注：点击组件直接跳转到小程序对应的生活号；

注意：要求生活号和小程序同账号且必须与当前的小程序已经关联。