提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

前言

一、pandas是什么？

二、支付流程

三、个人信息的获取

前言

接上节简单介绍完小程序组件，这节实际运用小程序的wxml来实现一套简单登录和个人信息展示。

提示：以下是本篇文章正文内容，下面案例可供参考

一、pandas是什么？

二、支付流程

三、个人信息的获取

代码如下:

<!-- 如果没有用户的头像信息 -->
<view wx:if="{{!userInfo.avatarUrl}}">
  <!-- 是否可以获取用户信息 -->
  <button bindtap="getUserProfile"> 获取头像昵称 </button>
</view>
<view wx:else="{{userInfo.avatarUrl}}">
  <!-- 是否可以获取用户信息 -->
  <view class="avatar">    
  <image src="{{userInfo.avatarUrl}}" ></image>
   </view>
</view>

 getUserProfile(e) {
        // 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
        wx.getUserProfile({
            desc: '展示用户信息', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
            success: (res) => {

                this.setData({
                    userInfo: res.userInfo,

                })
            }
        })
    },

总结

以上就是今天要讲的内容，本文仅仅简单介绍了登录流程和支付流程 还简单的介绍了如何实现个人信息的获取