From bd53f1f1bdefc431142f1a63e60ea0d1968e9d57 Mon Sep 17 00:00:00 2001
From: 26947 <12@1>
Date: Mon, 6 May 2024 00:06:10 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E6=88=91=E7=9A=84=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/mine/index.vue     | 251 +++++++++++++++++++++++++++------------
 static/font/iconfont.css |  76 +++---------
 static/font/iconfont.ttf | Bin 6724 -> 5376 bytes
 store/modules/user.js    |  12 ++
 4 files changed, 204 insertions(+), 135 deletions(-)

diff --git a/pages/mine/index.vue b/pages/mine/index.vue
index b3fc6a9..1d9abf2 100644
--- a/pages/mine/index.vue
+++ b/pages/mine/index.vue
@@ -1,64 +1,134 @@
 <template>
   <view class="h-full w-full" :style="{ height: `${windowHeight}px` }">
     <!--顶部个人信息栏-->
-    <view class="px-4 pt-4 pb-12 bg-[#3c96f3] text-white">
+    <view class="px-4 pt-4 pb-2 bg-[#3c96f3] text-white">
       <view class="flex padding justify-between">
         <view class="flex items-center">
           <view v-if="!avatar" class="border-2 border-solid border-[#eaeaea] rounded-full w-16 h-16 bg-white">
             <view class="iconfont icon-people text-gray text-[40px]"></view>
           </view>
           <image v-if="avatar" @click="handleToAvatar" :src="avatar"
-            class="border-2 border-solid border-[#eaeaea] rounded-full w-16 h-16" mode="widthFix">
+            class="border-2 border-solid border-[#eaeaea] rounded-full w-12 h-13" mode="widthFix">
           </image>
           <view v-if="!name" @click="handleToLogin" class="text-lg ml-2.5">
             点击登录
           </view>
           <view v-if="name" @click="handleToInfo" class="ml-4">
             <view class="text-lg">
-              用户名：{{ name }}
+              用户昵称：{{ nickName }}
+            </view>
+            <view class="text-lg">
+              ID：{{ name }}
             </view>
           </view>
         </view>
-        <view @click="handleToInfo" class="flex items-center">
-          <text>个人信息</text>
-          <view class="iconfont icon-right"></view>
-        </view>
+        
       </view>
+      <view v-if="name" class="info1" >
+          <view class="info11">
+            <up-icon  v-if="sex == '0'"
+					    name="man"
+					    size="30"
+					    color="blue"
+					></up-icon>
+          <up-icon  v-else-if="sex == '1'"
+					    name="woman"
+					    size="30"
+					    color="pink"
+					></up-icon>
+          <span >22</span>
+        </view>
+          <view class="info12">
+            <span>LV.</span>
+          <span >2</span>
+          </view>
+
+          <view class="info13">
+            <up-icon 
+					    name="star"
+					    size="30"
+					    color="#333333"
+					></up-icon>
+          <span >77</span>
+          </view>
+        </view>
     </view>
 
-    <view class="content-section relative top-[-50px]">
-      <view class="m-4 py-5 bg-white rounded-md grid grid-cols-4 text-center [&_.icon]:text-[28px]">
+    <view class="zinfo">
+
+      <view>0关注</view>
+      <view>0赞</view>
+      <view>8浏览</view>
+      <view>8收藏</view>
+    </view>
+    <view class="content-section relative top-[-10px]">
+      <view class="m-4 py-5 bg-white rounded-md grid grid-cols-3 text-center [&_.icon]:text-[28px]">
         <view @click="handleJiaoLiuQun">
-          <view class="iconfont icon-friendfill text-pink-600 icon"></view>
-          <view class="my-2 text-xs">交流群</view>
+          <view class="iconfont icon-caogao text-pink-600 icon"></view>
+          <view class="my-2 text-xs">草稿箱</view>
         </view>
         <view @click="handleBuilding">
-          <view class="iconfont icon-service text-blue-600 icon"></view>
-          <view class="my-2 text-xs">在线客服</view>
+          <view class="iconfont icon-lishixinxi text-blue-600 icon"></view>
+          <view class="my-2 text-xs">历史投稿</view>
         </view>
-        <view @click="handleBuilding">
-          <view class="iconfont icon-community text-yellow-600 icon"></view>
-          <view class="my-2 text-xs">反馈社区</view>
-        </view>
-        <view @click="handleBuilding">
-          <view class="iconfont icon-dianzan text-green-600 icon"></view>
-          <view class="my-2 text-xs">点赞我们</view>
+        <view @click="handleBuilding" style="justify-content: center;">
+          <view class="iconfont icon-lanqi text-blue-600 icon"></view>
+          <view class="my-2 text-xs">参与活动</view>
         </view>
       </view>
 
+
+
       <view class="menu-list">
         <view class="list-cell list-cell-arrow" @click="handleToEditInfo">
           <view class="menu-item-box">
             <view class="iconfont icon-user menu-icon"></view>
-            <view>编辑资料</view>
+            <view>账号设计</view>
           </view>
         </view>
-        <view class="list-cell list-cell-arrow" @click="handleHelp">
+        <view class="list-cell list-cell-arrow" @click="handleToInfo">
           <view class="menu-item-box">
-            <view class="iconfont icon-help menu-icon"></view>
-            <view>常见问题</view>
+            <view class="iconfont icon-user menu-icon"></view>
+            <view>个人信息</view>
           </view>
         </view>
+        <view class="list-cell list-cell-arrow" @click="handleAbout">
+          <view class="menu-item-box">
+            <view class="iconfont icon-aixin menu-icon"></view>
+            <view>学生专属卡</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleAbout">
+          <view class="menu-item-box">
+            <view class="iconfont icon-aixin menu-icon"></view>
+            <view>邀请好友</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleAbout">
+          <view class="menu-item-box">
+            <view class="iconfont icon-aixin menu-icon"></view>
+            <view>优惠券</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleAbout">
+          <view class="menu-item-box">
+            <view class="iconfont icon-aixin menu-icon"></view>
+            <view>地址管理</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleAbout">
+          <view class="menu-item-box">
+            <view class="iconfont icon-aixin menu-icon"></view>
+            <view>我的订单</view>
+          </view>
+        </view>
+        <view class="list-cell list-cell-arrow" @click="handleAbout">
+          <view class="menu-item-box">
+            <view class="iconfont icon-aixin menu-icon"></view>
+            <view>客服中心</view>
+          </view>
+        </view>
+
         <view class="list-cell list-cell-arrow" @click="handleAbout">
           <view class="menu-item-box">
             <view class="iconfont icon-aixin menu-icon"></view>
@@ -77,65 +147,100 @@
   </view>
 </template>
 
-<script>
-import storage from '@/utils/storage'
+<script setup>
+import { useStore } from 'vuex'
+import { useRouter } from 'vue-router'
+import { ref, getCurrentInstance } from 'vue';
+const { proxy } = getCurrentInstance();
 
-export default {
-  data() {
-    return {
-      name: this.$store.state.user.name,
-      version: getApp().globalData.config.appInfo.version
-    }
-  },
-  computed: {
-    avatar() {
-      return this.$store.state.user.avatar
-    },
-    windowHeight() {
+
+     const  name = ref(proxy.$store.state.user.name) 
+     const  nickName = ref(proxy.$store.state.user.nickName) 
+     const sex = ref(proxy.$store.state.user.sex)
+     const  version = ref(getApp().globalData.config.appInfo.version)
+     const avatar = ref(proxy.$store.state.user.avatar)
+
+   function  windowHeight() {
       return uni.getSystemInfoSync().windowHeight - 50
     }
-  },
-  methods: {
-    handleToInfo() {
-      this.$tab.navigateTo('/pages/mine/info/index')
-    },
-    handleToEditInfo() {
-      this.$tab.navigateTo('/pages/mine/info/edit')
-    },
-    handleToSetting() {
-      this.$tab.navigateTo('/pages/mine/setting/index')
-    },
-    handleToLogin() {
-      this.$tab.reLaunch('/pages/login')
-    },
-    handleToAvatar() {
-      this.$tab.navigateTo('/pages/mine/avatar/index')
-    },
-    handleLogout() {
-      this.$modal.confirm('确定注销并退出系统吗？').then(() => {
-        this.$store.dispatch('LogOut').then(() => {
-          this.$tab.reLaunch('/pages/index')
+
+    function handleToInfo() {
+      proxy.$tab.navigateTo('/pages/mine/info/index')
+    }
+    function handleToEditInfo() {
+      proxy.$tab.navigateTo('/pages/mine/info/edit')
+    }
+    function handleToSetting() {
+      proxy.$tab.navigateTo('/pages/mine/setting/index')
+    }
+    function handleToLogin() {
+      proxy.$tab.reLaunch('/pages/login')
+    }
+    function handleToAvatar() {
+      proxy.$tab.navigateTo('/pages/mine/avatar/index')
+    }
+    function handleLogout() {
+      proxy.$modal.confirm('确定注销并退出系统吗？').then(() => {
+        proxy.$store.dispatch('LogOut').then(() => {
+          proxy.$tab.reLaunch('/pages/index')
         })
       })
-    },
-    handleHelp() {
-      this.$tab.navigateTo('/pages/mine/help/index')
-    },
-    handleAbout() {
-      this.$tab.navigateTo('/pages/mine/about/index')
-    },
-    handleJiaoLiuQun() {
-      this.$modal.showToast('QQ群：①133713780、②146013835')
-    },
-    handleBuilding() {
-      this.$modal.showToast('模块建设中~')
     }
-  }
-}
+    function handleHelp() {
+      proxy.$tab.navigateTo('/pages/mine/help/index')
+    }
+    function handleAbout() {
+      proxy.$tab.navigateTo('/pages/mine/about/index')
+    }
+    function  handleJiaoLiuQun() {
+      proxy.$modal.showToast('QQ群：①133713780、②146013835')
+    }
+   function handleBuilding() {
+    proxy.$modal.showToast('模块建设中~')
+    }
+
 </script>
 
 <style lang="scss">
 page {
   background-color: #f5f6f7;
 }
+.info1{
+  display: flex;
+  justify-content:space-evenly;
+  font-weight: bold; 
+  font-size: 18px;
+
+  
+ .info11{
+  display: flex;
+   align-items: center;
+   background-color: rgba(174, 235, 96, 1);
+   border-radius: 15px;
+   padding: 2px 8px 2px 8px;
+   
+ }
+ .info12{
+  display: flex;
+   align-items: center;
+   background-color: rgba(242, 132, 102, 1);
+   border-radius: 15px;
+   padding: 2px 8px 2px 8px;
+ }
+ .info13{
+  display: flex;
+   align-items: center;
+   background-color: rgba(116, 118, 230, 1);
+   border-radius: 15px;
+   padding: 2px 8px 2px 8px;
+ }
+}
+
+.zinfo{
+  display: flex;
+  justify-content:space-evenly;
+
+  font-size: 18px;
+
+}
 </style>
diff --git a/static/font/iconfont.css b/static/font/iconfont.css
index afd7102..6da3667 100644
--- a/static/font/iconfont.css
+++ b/static/font/iconfont.css
@@ -12,79 +12,31 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-user:before {
-  content: "\e7ae";
+.icon-lishixinxi:before {
+  content: "\e67d";
 }
 
-.icon-password:before {
-  content: "\e8b2";
+.icon-caogao1:before {
+  content: "\e600";
 }
 
-.icon-code:before {
-  content: "\e699";
+.icon-caogao:before {
+  content: "\e653";
 }
 
-.icon-setting:before {
-  content: "\e6cc";
+.icon-dianhua:before {
+  content: "\e614";
 }
 
-.icon-share:before {
-  content: "\e739";
+.icon-weixin:before {
+  content: "\e637";
 }
 
-.icon-edit:before {
-  content: "\e60c";
+.icon-qq:before {
+  content: "\e6ca";
 }
 
-.icon-version:before {
-  content: "\e63f";
-}
-
-.icon-service:before {
-  content: "\e6ff";
-}
-
-.icon-friendfill:before {
-  content: "\e726";
-}
-
-.icon-community:before {
-  content: "\e741";
-}
-
-.icon-people:before {
-  content: "\e736";
-}
-
-.icon-dianzan:before {
-  content: "\ec7f";
-}
-
-.icon-right:before {
-  content: "\e7eb";
-}
-
-.icon-logout:before {
-  content: "\e61d";
-}
-
-.icon-help:before {
-  content: "\e616";
-}
-
-.icon-github:before {
-  content: "\e628";
-}
-
-.icon-aixin:before {
-  content: "\e601";
-}
-
-.icon-clean:before {
-  content: "\e607";
-}
-
-.icon-refresh:before {
-  content: "\e604";
+.icon-lanqi:before {
+  content: "\e63b";
 }
 
diff --git a/static/font/iconfont.ttf b/static/font/iconfont.ttf
index 53915cafcb782962308dc5f2bea68bb528f84de4..e6cc38b828977280c5fdd5f3ce4f1b91161c5fc6 100644
GIT binary patch
literal 5376
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
OctTm2T6$t0_5KgVAL1?m

literal 6724
zcmd@(X>23cdGFxN@EnTda41rw#6u)?k&=d&#7op+X;)f#*Ivon)p}#=pd>D|l1y>e
z-c4Q0yS5WIsl9HTHa3zX&89X|1V&(|KnkR`9LF(Q_(u{rX;GxE6ChMl8)%c-NRei#
zes6~I6$AB;{_BvB^Sy80``-KR?+p<~2$|3>qG(|1<ouZbGvUh!;UU1z9Y5Kx<mKbX
zq5oOv-?@B#al6O(M-vE<Jhb1fZCqN7m>&or#H}D?`|5gmaV3C$b{@vQ0WG}_2;mL-
zIKbbA*13MZcFzd_fZkj1b7Es_d9nB3qOCBWt=DsY@t$oQ!muL@ION}4JYR0Pp8p0y
zE<LQbw!O7e`}aTin@13GZ^QG~5R9a|2fOHY9dr*4beLg2a7ii#u-|Gt^_@Gc`FD_s
zjYa77|2WRpY~Bw(tHZPgT|FWU3m2m#p?46c_88U(A6Q21YtM~n02L9Lm^?Oz#Er$;
zCh{PSy!QP4Fy5%FEdqV*35Id(DFzHid=snFA$*OkNFFAy0`5`mj^9KIW)eUg1?)#$
zCsuD-L3?%l)_tlx5d8_-g<&6*24M^SUp64eq{H^qr;#R%8@Mn5EQ9*s4pIZW4*eMV
zUC0lRzK-j<x==UQ<+`ulRUfH8QGd05upik^?+@>f?mx5t<}aRo>%Ie!^~WE{*8N{E
z3_JKZAI22{4lKYS4?Au_He>}(Ovr#lWJY!*AP3VXX1e?TewkGPyxkOogK14`%r@#^
za;!1Wsta0Uwo!*!tbvSCUDg`2r@BvT%q!|$T4QEgAJH1<0@a_;8fXR8U)37u2i2Ly
zFb@Tr+mC1sbcXiRS_AE&{b8+v9?|}&)<C0Z{~4`;ZqfdmS_3VkUp%Wd&^LPPKCP*K
zjL<In9!}%0kXEun{+RrlF6i2If5t_)8dn#x!Z-9m{jUCpup5xV!5+OxOR#1ynnfra
zjN&*hVi#`5f{2A+G#tknM-eL>I8!9;#EM<;go+pk1<K1VPEIHpM>^6E(?)PQ5{(3T
zD;9A-j!=hQXoQS{rPYLgViW|O_*b&j*lM@io;F2e(p~q9N>=e=>;0=5s&OC+Pw~7S
z|0&0d!qXhD-!<|4HKWmH^2q!(zSZ;@{+l}N6k44;-*^-Hg8psuFYV(UI4HTyV?TBK
zaJw?>{#g!Cjn^d?xol~?ZjiWNQZo+1eHy0xw><(oGW`xH-vU7m`2R2ZIXZ~C!D9p&
zIOd~~XdEZg84!Yyi3$;cXCDdJcF9U6%|7(*f*iYd{^ZH|k+`D7i(i|!K3=x2tgOup
z`{26k=;V`=M~9BJx$)0i=KuN+T~4Q~*njucyZehVS2}g~P@BhdZ0P9J6H`aG+r8fQ
zp<`<+sudpmE8U|Z<VVx6n;<X5aVRKar{t2gPjmT9I+cuLhq^B-hW)Y~M<c0Z5hoPc
zm1@UIIy1;R?J!y3$xFj)ot<mLH`OLut-<`Y=`pcW9GkwD4_aF%YNH*w{$k%iG&;~%
z?9UY~j?_Xrx9B1Uvw^r4bLoYY!$L!ufq~4-eKYytVEPkR#uFx!GI8Y->ELi4kd4v7
zqB7JK?dXVh4JpN?_E<c(l%33CUa#keC$merc&uHOwU*6}Ku(tIAWblsOab$80@gz^
zX_pMbjpI}@6Un4O+-b#CBraKyof0p|J}kMUcAQAtfqN1Z$qQfL^+ZQ-I2&;5tcFgz
zpo|3PjqSDVjO_It@tKAn&073p-Zp8dy3>oXUjM{Pw><p(_n&|G7QFLR<2NZxDAsW+
zI)lS&j#%AR!E<}U+3j;)IeV%!dW5t&^ert0Fr%qb>D1Y)Qg7jYOn9D8V$;*>Km=%k
z3$X}r@B)32jzU)MMmM3GA^8NEQj*M66s9@Qfxy$CW=GIh^_XO1z>$17lv2$tl?2}r
zLNKYRI7OEDU?iC)=<<3wUnu0u>u(<dm)93gC6dX+sfF(!0`8D!tTP($Cgu{fM7w*B
z^&jc_y4~&Wbh}F*n5z<@r4LM2sWf(-;dXbZGu<k6wRgt)yGqfXP%(1y9Y&+mt=Xu?
zs}U*8W1^WrDiF=M1e}b70zuwsljKA|Nf&U!DTx?Rpidh!%m5f8uu5NiY_QPyE}onk
zd<-9;a9g9)77n-Jy|!>Em<u&Zp<EE|cn|I+yz<y!zBCCV@fkMi#xDCUHOG)$ZR{>=
zgeig=$qg1G4LHIxV=-WMlQTG-B#lNvXW;RA;|sh&hhH+|C-9wA$Ia@w#(ra;)6a4`
zitjY|85z*$YxE_mpaAMY6F@wm`Ww?8(1Q>WdXG;CeQ|<q$sD$Yf)Nbr3<YdOQox{m
z&H0!(WO};s8%Ot8ps!U9<--@f(WsaFNqCr_)|q@gH(KcIEGFdOD0PYrq#W-HS^Tn>
zci3>!-b$k5iRfe($A<#RTzITo7xgwi>5cYx;s;%QA?e1i@Po8*f#9z+J}KJpBgXt`
zC70z$Yg8JVv$lCPeqNxv)DQd&pfTV_wLHxlWtSR7WLE-0Mv-LLEgc4Zfwoju<AjTd
zSZ2|$9p@l3K&YYqXk>K!FUChB(c=@hmqr~#6nV3qh-V%=#?M}jL>nl-c6lwITg@Bt
zD_Q)U*&}l1p`&JEH}e)Nv7RF6IGfGLeEETJ=gjPixs{0K>5CI&c69uBVJ)9uyHqX^
zl3(2yxK@u4T`!nLB8$`aHT~@`X(!~^QM7|T1stX0n1^%)ijm|TX6~g%#310TniVjU
zWO4IdpL9xc2Si7iJxE44uv3j|h&AmHmS8Bj=VA0^dErn-Afi+pyHu&LxZD&AbLMf*
z(CXHi7bZlzT{O<5#?SWfOS31wb>ikbIfupWwL2{DO3q^F0feP-esFGZU~YMCkP|(v
zL>L<y{`6g=9lqpz&DIpF<;3NqRvU5r+~^gFxyRFKYRb{l7r+U#+h{P$E}+%oe7R-e
z&wFF>z9(<Dm@S`To2Z#BE$@o@xWPtSHmo+A^&!3W2ZL<UfjPzFZsn|^-!XPqAUJy0
zL@AvL`mUU^xTt6zT}s<Ut1T}O*((G>14F6~CUbqv-JoiM+TlC21H5DoDu)yZEu#vv
z7jjoKX*pH%0x?6CpbC`*JrFiga~5-xBE<V>1e_-cVNZ?pP9{|bg^18C+c~<u%-^x9
z6C_XnNFvi7y#CaKw@&&!QGccvpR+h{zIQNYZZUVKW5KM&;jo<D$oCH_LxG6H@@v62
z5Y70D;?mYeITgtD4F`CG-RbQJ-+IC=clmoG0gtn#;&AubB_7+&<5r{p-r{t?V{dbu
zJ2Q2y&uw(M+e0A>lvpe-ya90@Aur0KbHK3zd$&O*hA0PF+6Kuf$1DnbX#~<SNFf4`
z)6D<jA^0x~93ikrr;tj5h`{#L2TWWLSfHtsR1<co0xLiwS63i=?wH5j*LLGyJbmmQ
zvKWju!`08}3?+-hE)v+FU2I&Zl)wj*6XZ_O?(hK4FWTuewOnVm@Z^q#H&RD;rmgQf
zkilQlXf~FC;Fk?{&hlJ=+C}^&mDaLZqLgAxcFsESGd3U0Z(O&S?II;SDP$?w+X7E5
zE$0&vd=?0)C$59%=?hRxvU7V2oUmem1fGIWGiK7ssDOnG7F0<bN+$EZl##LtaIkr9
z${aM$T$whTf7;jzd>(%>YBAh+#Ap$X`0R8e=JNYp<P}%P^cd}*GMlHbOk09xPh<J>
ze*E~48rKb0tAT7AtkWH?8$+_+FXPu{n60uLy+`kd96f-BAqE0647oN8ULFmDsEZiX
zs5v_a`UHqo8cK!(JBDgXeM}G2F%*Xy2nyCfiai6i#y?njJQyBOlhR~1q;LGt9`|S|
zD$;?+_)zX9mfJcZhovHs8~+?hF@TI|{XNP4b#Hr%^ml<!c2doOlJnbkM-V23oX<L}
zDj^_1N|9s)z73WOfllK|jgHFWD`1~T(K>n={U?G`4;PFSKmq+M2nL}dPcpmghpHaX
z$#f0^B0~T+&B}Y$VORx9Ef)kwC|)|SEP?h|hhZhY7Xl$e0G3fyJ7C&T7{Ste0xB7x
zmSE%{0yC0DaEcVTH!RN<5cm)jN9?pvz#;H)pc7(*AdE6%BJRabhy$=NTL+?p;>u{T
zIiavIEXcEPp=yXZU^1FwgrV+*kO5Bz@jrRHIFn09yQHj?mZUyxqNM2S>hcu{HPV;_
z$gI@I$tDhWd1rkvSmt^iIVlBWiBX3~+N0gx5v((kJ_(RHM@;83>2R0ti@ez&c^2G~
zSG4-1_(<HUH|TUap;I0ml{*EqL2m`5<ZH3;7QNHG;E~$2fw2}C$Wb9Imr8P2Fd2lF
z*ht*q@rf6e`N6??#p5wsbkt_laaKnl69{C+GJZlW7T#p1oHC~jH#bDPKe(e=#wzTd
zaq4iyVE2cd!tP@Z$9tT1w|x|+-tJf5&j7D7)#m^{we3s2Do6bLH!r+5Nb;O^OKnnb
zORN+(n1uY`{K}l7*U1*68S^R={!Bn`)mdbUMU&m7%tO)0eDQnqn=}Sz)ga2CW01e0
z@MW1eDY%%Gsa6G*Gnh<@S!yQA3yzOnQj<<or%MjCUVy?3>$~v4#31h0L#;nNeB@$z
zIh)I6m&<P*0vDl<R#GWNt)n%7JZ6+TWmouFOIPedhgDC^R*bD?V)XeQ%EXCix>3((
zmsWwqa6Uf_v{sk0d74ZmPM!Y2X{{(%fs~drzDlprWz+$2XX@}|(2s2{C6fTN)y{R`
zi8fYV!XbhEhHPqC!Ah|aY-8R6U&>;Q>Xgj+2p*Xo89EyyJyYYja>nUATS@lXMMEEn
zogEsP9X-94FG1|RIaQslrf!a6M<Rz;7U+v6xx=*dvZ+Hh{r2{FWay52dHnadHCVEW
zg@}zKd_&>yy<;fcPnWU*nQJ_XD<@K=QtCtn<88t_aOV(ioH6-j)6#btsoz3uWp%)>
z=p`zmepG_E8i%t#^UG#Hm0f~J1hp(nr;1c*C$45E5)DHkkSr3wNg|<VeCrc<ATwTl
zs5+h*z!U33grj-Nk=V)2dp1wTnmuphso=<<$1^xGq1_&sSoh-Kxx#pL9KMBfLF`?B
z=m_OFnyt*mVsn)&gO7~W-<!f_vb?}@`j6-$?L|Hm1zSY0Z?*P?P{t0=HWpFdJ;UU1
z;E*jyW9m5vva@>b!G5*kHThG1_%?d9`wTAiPTw}&yW1h-AIlvba-&D?AZVtrT7d5i
z8@cCC`{9dA(3$C-?uGAOV^2+8C78iB31^zuwG$4&P>3{P_J-EcgbBP4YHPw&^(*y6
z1iq$+>P&+<$jV9+<^f-5!bW)Wb5j#G0mW^Q3f95<C=@|gn=poa{<S7d;9b$*Hem|*
zSDG+;7x|A(m_st!Z^As_Z!}>ex(!>Jun9%*@_4npSSzpimoE7$%UhePTbs4R`>o}*
z3mc2o!|vhzwsLi+vbE_Sj1L^5rplY;>LHn(i)%`)w(4K4Zk_i}0=@Fa#+HA(x^=F+
zT#K*QYTMcVezp$7$CtOxqj6M4WweND@VkQiXbD|{-wIkrTWAxls=u}0>)#5a*U$yD
z0W+(=_w>WFZ-dcQIIL7uYJN0`;!uiwc+?b(+Ehn=csD!fBCMvs9&4~8KeQ@PIuFof
zbAM&n$p*lFP#}AD4(Key=s1)EY}Pi)f`j(I%g^EXxXLH|H3ELDUhszUBQFVp4!keH
z9Okir_1J)o*o4j40!iD7Td)n=u>(ukiMZvB^5UjYEw5I~JL}wH<(|qWzgDTOUs%$u
zmp8Wgjjgq<3pK7<SzE6OE0x8~%Zr=*c6n=iqb%%{s~0QFW#ekKQr=uyt!!)<KuPB>
vY*uQQbmf&wjoVpYtg>;nT4i%hxTx8KZh32^th)fS_1lX(J9lqYR}lIi`?O|&

diff --git a/store/modules/user.js b/store/modules/user.js
index f9c1059..2285014 100644
--- a/store/modules/user.js
+++ b/store/modules/user.js
@@ -11,6 +11,8 @@ const user = {
   state: {
     token: getToken(),
     name: storage.get(constant.name),
+    nickName: storage.get(constant.nickName),
+    sex: storage.get(constant.sex),
     avatar: storage.get(constant.avatar),
     roles: storage.get(constant.roles),
     permissions: storage.get(constant.permissions),
@@ -24,6 +26,14 @@ const user = {
       state.name = name;
       storage.set(constant.name, name);
     },
+    SET_SEX: (state, sex) => {
+      state.sex = sex;
+      storage.set(constant.sex, sex);
+    },
+    SET_NICKNAME: (state, nickName) => {
+      state.nickName = nickName;
+      storage.set(constant.nickName, nickName);
+    },
     SET_AVATAR: (state, avatar) => {
       state.avatar = avatar;
       storage.set(constant.avatar, avatar);
@@ -128,7 +138,9 @@ const user = {
               commit("SET_ROLES", ["ROLE_DEFAULT"]);
             }
             commit("SET_NAME", username);
+            commit("SET_NICKNAME", user.nickName);
             commit("SET_AVATAR", avatar);
+            commit("SET_SEX", user.sex);
             resolve(res);
           })
           .catch((error) => {