From d5eb1ecff5d0236359c744b334cf30fcfdad1132 Mon Sep 17 00:00:00 2001
From: zhangwei <1504152376@qq.com>
Date: 星期四, 22 八月 2024 17:17:34 +0800
Subject: [PATCH] -
---
src/pages/mine/mine.vue | 72 ++++++++++++++++++++++++++++++++---
1 files changed, 65 insertions(+), 7 deletions(-)
diff --git a/src/pages/mine/mine.vue b/src/pages/mine/mine.vue
index b8e2ca1..2489f02 100644
--- a/src/pages/mine/mine.vue
+++ b/src/pages/mine/mine.vue
@@ -1,42 +1,99 @@
<template>
<view class="">
<view class="content chuany-flex chuany-align-end chuany-justify-center">
- <up-avatar src="/static/avatar.jpg" shape="circle" size='80'></up-avatar>
+ <button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
+ <!-- <image class="avatar" src="{{avatarUrl}}"></image> -->
+ <up-avatar :src="avatarUrlImg" shape="circle" size='80'></up-avatar>
+ </button>
+
</view>
<fui-list>
<fui-list-cell arrow>
<view class="fui-list__item">
- <text>濮撳悕</text>
- <text class="fui-text__explain">鏉庝附</text>
+ <text>鏄电О</text>
+ <text class="fui-text__explain">{{userInfo.nickname}}</text>
+ <!-- <input type="nickname" class="fui-text__explain weui-input" placeholder="璇疯緭鍏ユ樀绉�" /> -->
</view>
</fui-list-cell>
<fui-list-cell arrow>
<view class="fui-list__item">
<text>鎵嬫満鍙�</text>
- <text class="fui-text__explain">13215465785</text>
+ <text class="fui-text__explain">{{userInfo.phone}}</text>
</view>
</fui-list-cell>
<fui-list-cell arrow @click="goApply">
<text>鐢宠鎺ュ崟</text>
</fui-list-cell>
</fui-list>
+ <!-- <view class="tabbtns">
+ <up-button color='#fece01' class="text-69" text="淇濆瓨" @click=''></up-button>
+ </view> -->
</view>
</template>
<script setup>
- import {ref} from 'vue';
+ import {
+ onLoad,
+ onShow
+ } from "@dcloudio/uni-app";
+ import {
+ ref,
+ reactive,
+ getCurrentInstance,
+ toRefs
+ } from 'vue';
+ const {
+ $upload,
+ $api,
+ $db
+ } = getCurrentInstance().appContext.config.globalProperties
+ onLoad(() => {
+ // getUser()
+ })
+ onShow(()=>{
+ getUser()
+ })
+ let avatarUrlImg = ref('')
+ let number1 = ref(0)
+ let userInfo = reactive({
+ nickname: '',
+ phone: '',
+ userWorker: false
+ })
// let src = "http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg"
- const goApply = ()=>{
+ const goApply = () => {
uni.navigateTo({
url: '/pages/mine/apply'
});
+ }
+ const onChooseAvatar = (e) => {
+ const {
+ avatarUrl
+ } = e.detail
+ avatarUrlImg.value = avatarUrl
+ }
+ const getUser = (e) => {
+ $api.getUser().then(res => {
+ userInfo.nickname = res.data.nickname
+ userInfo.phone = res.data.phone
+ $db.set('userInfo', JSON.stringify(res.data))
+ })
}
</script>
<style>
.content {
height: 300rpx;
- background-color: #d8d8d8;
+ background: linear-gradient(to bottom, #fbec99, #ffffff);
+ }
+
+ .avatar-wrapper {
+ border-radius: 50%;
+ width: 80px !important;
+ height: 80px;
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
}
.fui-list__item {
@@ -45,6 +102,7 @@
display: flex;
align-items: center;
justify-content: space-between;
+
}
.fui-text__explain {
--
Gitblit v1.9.1