• page-login 登录中间页模板
  • 示例
    • 代码示例
  • Bug & Tip

page-login 登录中间页模板

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

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

示例

在开发者工具中打开

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

代码示例

• SWAN
• JS

 


  
<view class="login-container">

  
 <view class="brand-atmosphere">

  
 <image class="app-logo" mode="widthFix" src="{{logoUrl}}"></image>

  
 <view class="app-title">{{title}}</view>

  
 </view>

  
 <view class="functional-part">

  
 <block s-for="item in descriptions">

  
 <view class="app-description">{{item}}</view>

  
 </block>

  
 </view>

  
 <view class="action-area">

  
 <access-btn color="#3388FF" no-border ></access-btn>

  
 </view>

  
</view>

 

 


  
Page({

  
 data: {

  
 // logo地址

  
 logoUrl: '/images/AI分诊.png', 

  
 // 小程序名

  
 title: 'AI分诊助手', 

  
 // 推广信息

  
 descriptions: ['欢迎使用北京大学国际医院智能分诊助手，我们将为您提供', '精准的就诊服务！'] 

  
 }

  
});

 

Bug & Tip

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