微信小程序+PHP 实现授权登录

1.写wxml页面

<!--前台页面，通过判断决定展示登录还是信息-->
<view wx:if="{
  {isHide}}">
    <view wx:if="{
  {canIUse}}" >
        <view class='header'>
            <image src='/image/hhh.jpg'></image>
        </view>
 
        <view class='content'>
            <view>申请获取以下权限</view>
            <text>获得你的公开信息(昵称，头像等)</text>
        </view>
 
        <button class='bottom' type='primary' open-type="getUserInfo" bindtap="login">
            授权登录
        </button>
    </view>
    <view wx:else>请升级微信版本</view>
</view>
 
<view wx:else>
    <view>我的首页内容</view>
</view>

2.写wxss页面

.header {
    margin: 90rpx 0 90rpx 50rpx;
    border-bottom: 1px solid #cc