登录中间页模板

解释: 当需要获取用户的登录信息时提醒用户授权给当前小程序。提供了默认样式、品牌图片、沉浸式图片及功能前置四种模板供选择。

# 示例

在开发者工具中预览效果

# 扫码体验

# 使用方法

  1. 在小程序根目录下执行如下命令行,引入页面模板。
npm i @smt-ui-template/page-login
  1. 进入page-login文件夹,安装所有模板依赖
npm i 

# 代码示例

    <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: {
            logoUrl: '/images/AI分诊.png', // logo地址
            title: 'AI分诊助手', // 小程序名
            descriptions: ['欢迎使用北京大学国际医院智能分诊助手,我们将为您提供', '精准的就诊服务!'] // 推广信息
        }
    });
    
    1. 可在js中配置logo地址、小程序名称、推广信息等 同时我们提供了默认样式、品牌图片、沉浸式图片及功能前置等四种登录中间页模板供选择。详情请见 如何使用小程序登录能力-登录中间页,在模板中获取用户信息之后会弹出提示,但在实际场景中你可能需要跳转到另一个页面或返回之前的页面,请注意修改。

    # Bug & Tip

    • Tip: 页面模板功能从开发者工具 v2.25.1-rc 版本开始支持