From 81b8089d94e7f9537b8f5a00b68c95a9e858e2bf Mon Sep 17 00:00:00 2001
From: whycq <10027870+whycq@user.noreply.gitee.com>
Date: 星期一, 13 十一月 2023 12:48:41 +0800
Subject: [PATCH] #
---
pages/user/user.vue | 246 ++++++++++++++++--------------------------------
1 files changed, 84 insertions(+), 162 deletions(-)
diff --git a/pages/user/user.vue b/pages/user/user.vue
index 5831854..f03cfc6 100644
--- a/pages/user/user.vue
+++ b/pages/user/user.vue
@@ -1,180 +1,102 @@
<template>
- <view class="">
- <scroll-view class="scroll-Y">
- <button @click="open">鐐瑰嚮</button>
- <y-popup ref="yPopup">
- <!-- <view style="background-color: aqua;width: 100rpx;height: 100rpx;"></view>
- <input type="text" style="background-color: darkgoldenrod;"> -->
- <view class="vv">100</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
-
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
-
- <view class="vv">100</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
-
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">5</view>
- <view class="vv">100</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
-
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">5</view>
- </y-popup>
- <view class="vv">100</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
-
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
-
- <view class="vv">100</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
-
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">5</view>
- <view class="vv">100</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
- <view class="vv">66</view>
-
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">1</view>
- <view class="vv">5</view>
- </scroll-view>
+ <view>
+ <view class="user" @click="userDetail">
+ <!-- 澶村儚 -->
+ <view class="user-avatar">
+ <img src="" alt="">
+ <!-- <image src="" mode="aspectFit"></image> -->
+ </view>
+ <!-- 淇℃伅 -->
+ <view class="user-info">
+ <view class="user-name">{{username}}</view>
+ <view class="user-company">涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</view>
+ </view>
+ <!-- 鏇村 -->
+ <view class="user-icons">
+ <uni-icons type="right"></uni-icons>
+ </view>
+ </view>
</view>
</template>
<script>
- export default {
- data () {
+ import user from '@/pages/api/user/user.js'
+ export default{
+ data() {
return {
- scrollY:true
+ username: ''
}
},
+ onShow() {
+ this.getDetail()
+ },
methods: {
- open() {
- this.$refs.yPopup.open('center')
+ async getDetail() {
+ let res = await user.getDetail()
+ if (res.code === 200) {
+ this.username = res.data.username
+ console.log(res);
+ } 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);
}
}
-
}
</script>
<style>
- .vv {
- width: 100%;height: 100rpx;
-
- }
- .bb {
- position: fixed;
- top: 0;
- left: 0;
+ .user {
width: 100%;
- height: 100%;
- overflow: hidden;
+ height: 200rpx;
+ background-color: #fff;
+ display: grid;
+ grid-template-columns: 1fr 4fr 1fr;
+ }
+ .user-avatar {
+ height: 200rpx;
+ width: 200rpx;
+ /* background-color: aquamarine; */
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ .user-avatar img {
+ height: 100rpx;
+ border-radius: 20rpx;
+ }
+ .user-info {
+ height: 200rpx;
+ display: grid;
+ grid-template-rows: 2fr 2fr;
+ /* background-color: aqua; */
+ }
+ .user-name {
+ height: 100rpx;
+ width: 100%;
+ display: flex;
+ align-items: flex-end;
+ font-size: 30rpx;
+ font-weight: 700;
+ }
+ .user-company {
+ height: 100rpx;
+ }
+ .user-icons {
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
</style>
\ No newline at end of file
--
Gitblit v1.9.1