#

whycq

2023-11-24 9a3837ce2d128a9f03264f2ce99b8d3584e5520e

 pages/user/user.vue

@@ -3,12 +3,11 @@
      <view class="user" @click="userDetail">
         <!-- 头像 -->
         <view class="user-avatar">
            <img src="" alt="">
            <!-- <image src="" mode="aspectFit"></image> -->
            <image src="../../static/image/user__easyico.png" mode="aspectFit"></image>
         </view>
         <!-- 信息 -->
         <view class="user-info">
            <view class="user-name">陈鹏</view>
            <view class="user-name">{{username}}</view>
            <view class="user-company">中扬立库技术有限公司</view>
         </view>
         <!-- 更多 -->
@@ -20,15 +19,38 @@
</template>

<script>
   import user from '@/pages/api/user/user.js'
   export default{
      data() {
         return {
				
            username: ''
         }
      },
      onShow() {
         this.getDetail()
      },
      methods: {
         async getDetail() {
            let res = await user.getDetail()
            if (res.code === 200) {
               this.username = res.data.username
               console.log(res.data);
            } else if (res.code === 403) {
               this.backLogin(res)
            }
         },
         userDetail() {
				
            uni.navigateTo({
               url:'/pages/user/user_detail/userDetail'
            })
         },
         backLogin(res) {
            uni.showToast({title: res.msg, icon: "none", position: 'top'})
            setTimeout(() => {
               uni.reLaunch({
                  url: '../login/login'
               });
            }, 1000);
         }
      }
   }
@@ -43,8 +65,9 @@
      grid-template-columns: 1fr 4fr 1fr;
   }
   .user-avatar {
      height: 200rpx;
      width: 200rpx;
      height: 100rpx;
      width: 100rpx;
      padding: 50rpx;
      /* background-color: aquamarine; */
      display: flex;
      justify-content: center;