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