fix: 修正默认头像
This commit is contained in:
parent
4570f38018
commit
d72be86f3e
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="mine-container" :style="{height: `${windowHeight}px`}">
|
<view :style="{height: `${windowHeight}px`}" class="mine-container">
|
||||||
<!--顶部个人信息栏-->
|
<!--顶部个人信息栏-->
|
||||||
<view class="header-section">
|
<view class="header-section">
|
||||||
<view class="flex padding justify-between">
|
<view class="flex padding justify-between">
|
||||||
@ -7,18 +7,19 @@
|
|||||||
<view v-if="!avatar" class="cu-avatar xl round bg-white">
|
<view v-if="!avatar" class="cu-avatar xl round bg-white">
|
||||||
<view class="iconfont icon-people text-gray icon"></view>
|
<view class="iconfont icon-people text-gray icon"></view>
|
||||||
</view>
|
</view>
|
||||||
<image v-if="avatar" @click="handleToAvatar" :src="avatar" class="cu-avatar xl round" mode="widthFix">
|
<image v-if="avatar" :src="avatar" class="cu-avatar xl round" mode="widthFix"
|
||||||
|
@click="handleToAvatar">
|
||||||
</image>
|
</image>
|
||||||
<view v-if="!name" @click="handleToLogin" class="login-tip">
|
<view v-if="!name" class="login-tip" @click="handleToLogin">
|
||||||
点击登录
|
点击登录
|
||||||
</view>
|
</view>
|
||||||
<view v-if="name" @click="handleToInfo" class="user-info">
|
<view v-if="name" class="user-info" @click="handleToInfo">
|
||||||
<view class="u_title">
|
<view class="u_title">
|
||||||
用户名:{{ name }}
|
用户名:{{ name }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view @click="handleToInfo" class="flex align-center">
|
<view class="flex align-center" @click="handleToInfo">
|
||||||
<text>个人信息</text>
|
<text>个人信息</text>
|
||||||
<view class="iconfont icon-right"></view>
|
<view class="iconfont icon-right"></view>
|
||||||
</view>
|
</view>
|
||||||
@ -77,61 +78,61 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { useUserStore } from '@/store'
|
import {useUserStore} from '@/store'
|
||||||
import { computed , getCurrentInstance } from "vue"
|
import {computed, getCurrentInstance} from "vue"
|
||||||
|
|
||||||
const { proxy } = getCurrentInstance()
|
const {proxy} = getCurrentInstance()
|
||||||
const name = useUserStore().name
|
const name = useUserStore().name
|
||||||
const avatar = computed(() => useUserStore().avatar)
|
const avatar = computed(() => useUserStore().avatar)
|
||||||
const windowHeight = computed(() => uni.getSystemInfoSync().windowHeight - 50)
|
const windowHeight = computed(() => uni.getSystemInfoSync().windowHeight - 50)
|
||||||
|
|
||||||
function handleToInfo() {
|
function handleToInfo() {
|
||||||
proxy.$tab.navigateTo('/pages/mine/info/index')
|
proxy.$tab.navigateTo('/pages/mine/info/index')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleToEditInfo() {
|
function handleToEditInfo() {
|
||||||
proxy.$tab.navigateTo('/pages/mine/info/edit')
|
proxy.$tab.navigateTo('/pages/mine/info/edit')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleToSetting() {
|
function handleToSetting() {
|
||||||
proxy.$tab.navigateTo('/pages/mine/setting/index')
|
proxy.$tab.navigateTo('/pages/mine/setting/index')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleToLogin() {
|
function handleToLogin() {
|
||||||
proxy.$tab.reLaunch('/pages/login')
|
proxy.$tab.reLaunch('/pages/login')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleToAvatar() {
|
function handleToAvatar() {
|
||||||
proxy.$modal.showToast('模块建设中~')
|
proxy.$modal.showToast('模块建设中~')
|
||||||
// proxy.$tab.navigateTo('/pages/mine/avatar/index')
|
// proxy.$tab.navigateTo('/pages/mine/avatar/index')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleHelp() {
|
function handleHelp() {
|
||||||
proxy.$modal.showToast('模块建设中~')
|
proxy.$modal.showToast('模块建设中~')
|
||||||
// proxy.$tab.navigateTo('/pages/mine/help/index')
|
// proxy.$tab.navigateTo('/pages/mine/help/index')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleAbout() {
|
function handleAbout() {
|
||||||
proxy.$modal.showToast('模块建设中~')
|
proxy.$modal.showToast('模块建设中~')
|
||||||
// proxy.$tab.navigateTo('/pages/mine/about/index')
|
// proxy.$tab.navigateTo('/pages/mine/about/index')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleJiaoLiuQun() {
|
function handleJiaoLiuQun() {
|
||||||
proxy.$modal.showToast('模块建设中~')
|
proxy.$modal.showToast('模块建设中~')
|
||||||
// proxy.$modal.showToast('QQ群:①133713780(满)、②146013835(满)、③189091635')
|
// proxy.$modal.showToast('QQ群:①133713780(满)、②146013835(满)、③189091635')
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleBuilding() {
|
function handleBuilding() {
|
||||||
proxy.$modal.showToast('模块建设中~')
|
proxy.$modal.showToast('模块建设中~')
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
page {
|
page {
|
||||||
background-color: #f5f6f7;
|
background-color: #f5f6f7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mine-container {
|
.mine-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
@ -187,5 +188,5 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB |
BIN
static/images/profile.png
Normal file
BIN
static/images/profile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
@ -6,7 +6,7 @@ import constant from '@/utils/constant'
|
|||||||
import {isEmpty, isHttp} from "@/utils/validate"
|
import {isEmpty, isHttp} from "@/utils/validate"
|
||||||
import {getInfo, login, logout} from '@/api/login'
|
import {getInfo, login, logout} from '@/api/login'
|
||||||
import {getToken, removeToken, setToken} from '@/utils/auth'
|
import {getToken, removeToken, setToken} from '@/utils/auth'
|
||||||
import defAva from '@/static/images/profile.jpg'
|
import defAva from '@/static/images/profile.png'
|
||||||
|
|
||||||
const baseUrl = config.baseUrl
|
const baseUrl = config.baseUrl
|
||||||
|
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user