美化了样式

pages/personCenter/mine/mine.wxml

@@ -219,8 +219,11 @@
         mode="aspectFill"
       />
     </button>
-      <view class="flex-col ml-6">
-        <text class="self-start font text">{{ nickName }}</text>
+      <view class="flex-col ml-6"> 
+      <view class="flex-row items-center justify-between" style="width: 250rpx;">      
+        <text class="self-start font text nickname-wrap">{{ nickName }}</text>
+        <text class="self-start font text_2 ml-16" bindtap="openNicknamePopup">修改</text>
+      </view>
         <view class="flex-row items-center self-stretch group_2 mt-9" bindtap="gotoCall">
           <image
             class="image_3"
@@ -318,4 +321,11 @@
 </view>
 
 <!-- 调用弹窗组件 -->
-<InvitationCodePop show="{{showPopup}}" bind:close="closePopup" qrcode="{{qrcode}}"/>
+<InvitationCodePop show="{{showPopup}}" bind:close="closePopup" qrcode="{{qrcode}}"/>
+
+<EditNicknamePopup 
+  show="{{showNicknamePopup}}" 
+  nickname="{{nickName}}" 
+  bind:cancel="closeNicknamePopup" 
+  bind:confirm="updateNickname"
+/>