微信授权处理

pages/welfareMall/personal/personal.wxml

@@ -3,8 +3,14 @@
   <!-- 首部个人信息 -->
   <view class="head flex-column">
     <view class="head-personal flex-row">
-      <image class="head-personal-logo" src="/images/welfareMall/head-portrait.png" />
-      <view class="head-personal-login" wx:if="{{isLogin}}">{{phone.toHide(mobileTop)}}</view>
+      <image wx:if="{{!isLogin}}" class="head-personal-logo" src="/images/welfareMall/head-portrait.png" />
+      <!-- 获取用户头像 -->
+      <open-data wx:if="{{isLogin}}" class="head-personal-logo" type="userAvatarUrl"></open-data>
+      <view class="head-personal-nl flex-column" wx:if="{{isLogin}}">
+        <!-- 获取用户微信昵称 -->
+        <open-data class="head-personal-name" type="userNickName" lang="zh_CN"></open-data>
+        <view class="head-personal-login">{{phone.toHide(mobileTop)}}</view>
+      </view>
       <button class="personal-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">登录/注册</button>
     </view>
     <view class="head-card flex-row">

pages/welfareMall/personal/personal.wxss

@@ -39,6 +39,8 @@
 .head-personal-logo{
   width: 136rpx;
   height: 136rpx;
+  border-radius: 50%;
+  overflow :  hidden ;
 }
 
 .personal-isLogin {
@@ -52,13 +54,24 @@
   margin-right: 0rpx !important;
 }
 
-.head-personal-login{
+.head-personal-nl{
   margin-left: 33rpx;
-  font-size: 38rpx;
+  align-items: flex-start;
+}
+
+.head-personal-name{
+  font-size: 30rpx;
   font-weight: 500;
   color: #303030;
 }
 
+.head-personal-login{
+  margin-top: 18rpx;
+  font-size: 24rpx;
+  font-weight: 400;
+  color: #303030;
+}
+
 .head-card{
   width: 666rpx;
   height: 286rpx;