小程序登录授权页面

最新推荐文章于 2024-07-05 01:12:33 发布

0?0

最新推荐文章于 2024-07-05 01:12:33 发布

阅读量1.2k

点赞数 2

分类专栏：微信小程序

本文链接：https://blog.csdn.net/weixin_42301962/article/details/114658596

版权

本文介绍了如何在小程序中实现登录授权页面的详细步骤，包括wxml、wxss和js文件的编写，帮助开发者理解并创建自己的授权登录流程。

摘要由CSDN通过智能技术生成

在这里插入图片描述

<view class="container">
  <view class="logo">
    <view class="header">
      <open-data class="" type="userAvatarUrl"></open-data>
    </view>
  </view>

  <view class="auth-title">申请获取以下权限</view>
  <view class="auth-subtitle">获得你的公开信息（昵称、头像等）</view>
  
  <view class="loginBtn">
    <button class="login-btn" openType="getUserInfo" lang="zh_CN" bindgetuserinfo="authorLogin">
    授权登录
    </button>

    
  </view>
  <view class="loginBtn quxiaoBox">
    <button class="login-btn quxiao" lang="zh_CN" bindtap="index">取消</button>
  </view>
  
</view>

/* pages/login/login.wxss */
page,.container{
   
  height: 100%;
  background: #ffffff;
}
.logo{
   
  margin-top: 160rpx;
  text-align: center;
  font-size: 30rpx;
  color: #2bbb7d;
}
.logoimg{
   
  display: block;
  width: 120rpx;
  margin: 0 auto 20rpx;
}