page-login 登录中间页模板

从开发者工具 v2.25.1-rc 版本开始支持。

解释：当需要获取用户的登录信息时提醒用户授权给当前小程序。可在 JS 中配置 logo 地址、小程序名称、推广信息等。同时还提供了默认样式、品牌图片、沉浸式图片及功能前置四种模板供选择，详情请见如何使用小程序登录能力 - 登录中间页。

示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

代码示例

  • SWAN
  • JS
  1. <view class="login-container">
  2.     <view class="brand-atmosphere">
  3.         <image class="app-logo" mode="widthFix" src="{{logoUrl}}"></image>
  4.         <view class="app-title">{{title}}</view>
  5.     </view>
  6.     <view class="functional-part">
  7.         <block s-for="item in descriptions">
  8.             <view class="app-description">{{item}}</view>
  9.         </block>
  10.     </view>
  11.     <view class="action-area">
  12.         <access-btn color="#3388FF" no-border ></access-btn>
  13.     </view>
  14. </view>
  1. Page({
  2.     data: {
  3.         // logo地址
  4.         logoUrl: '/images/AI分诊.png', 
  5.         // 小程序名
  6.         title: 'AI分诊助手', 
  7.         // 推广信息
  8.         descriptions: ['欢迎使用北京大学国际医院智能分诊助手，我们将为您提供', '精准的就诊服务！'] 
  9.     }
  10. });

Bug & Tip

  • Tip：在模板中获取用户信息之后会弹出提示，但在实际场景中可能需要跳转到另一个页面或返回之前的页面，请注意修改。