kevin/ops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

进度到修改头像的弹窗

Browse Source 
Signed-off-by: kevin <kevin@lmve.net>
This commit is contained in:
kevin
2025-06-09 20:50:52 +08:00
parent 56d2e09290
commit 396c0d32a7
71 changed files with 9487 additions and 185 deletions
Download Patch File Download Diff File Expand all files Collapse all files
vue3/components/avatar/avatar.vue
+27
View File
@@ -0,0 +1,27 @@
<template>
<span class="avatar" :class="'avatar-'+size" :style="'background-image: url('+url+')'"></span>
</template>
<script>
export default {
name:"avatar",
props: {
url: {
type: String, // 指定类型
},
size: {
type: String, // 指定类型
default:"sm"
}
},
data() {
return {
};
}
}
</script>
<style>
</style>
vue3/components/setting-menu/setting-menu.vue
+33
View File
@@ -0,0 +1,33 @@
<template>
<div class="col-12 col-md-3 border-end">
<div class="card-body">
<h4 class="subheader">账号设置</h4>
<div class="list-group list-group-transparent">
<a href="/#/pages/setting/my_info" class="list-group-item list-group-item-action d-flex align-items-center active">信息设置</a>
<a href="/setting-security"
class="list-group-item list-group-item-action d-flex align-items-center">安全设置</a>
</div>
<h4 class="subheader mt-4">外部设置</h4>
<div class="list-group list-group-transparent">
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>
vue3/components/tabler-header/tabler-header.vue
+73 -12
View File
@@ -34,7 +34,32 @@
</a>
</div>
<!-- 深色模式按钮 -->
<div v-if="type!='mini'" class="nav-item btn-list">
<div v-if="is_login" class="nav-item dropdown">
<a class="nav-link d-flex lh-1 text-reset p-0" data-bs-toggle="dropdown"
aria-label="Open user menu">
<avatar size="sm" :url="user_info.AvatarPath"></avatar>
<div class="d-none d-xl-block ps-2">
<div>{{user_info.Username}}</div>
<div class="mt-1 small text-secondary">{{user_info.FirstName}}</div>
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow ">
<!-- <a href="#" class="dropdown-item">Status</a> -->
<a href="./profile" class="dropdown-item">个人资料</a>
<!-- <a href="#" class="dropdown-item">Feedback</a> -->
<a href="/#/pages/setting/my_info" class="dropdown-item">设置</a>
<div class="dropdown-divider"></div>
<a href="#" @click="logout(true)" class="dropdown-item">登出</a>
</div>
</div>
<div v-if="type!='mini' && !is_login" class="nav-item btn-list">
<a href="/#/pages/signin" class="btn" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-blue" width="24" height="24"
@@ -58,6 +83,8 @@
</div>
</div>
</div>
</header>
@@ -134,13 +161,17 @@
</template>
<script>
import {
my_network_func
} from '../../my_network_func';
import {
myfunc
} from '../../myfunc';
myfunc.setTheme(myfunc.getThemefromStorge(),false);
myfunc.setTheme(myfunc.getThemefromStorge(), false);
export default {
@@ -153,24 +184,54 @@
},
data() {
return {
is_login: false,
user_info:{
AvatarPath:"",
Username:"",
FirstName:"",
Birthdate:"",
}
};
},
methods:{
switchTheme(theme){
myfunc.setTheme(theme,true);
methods: {
switchTheme(theme) {
myfunc.setTheme(theme, true);
},
logout(){
logout(logout_server) {
if (logout_server) {
my_network_func.post_json("/user/logout", null, (c) => {
if (c.statusCode == 200) {
console.log(c)
}
})
}
this.is_login = false
myfunc.dele("user_info")
myfunc.dele("cookie")
},
updata_user_info_to_heard(){
updata_user_info_to_heard() {
//h5先判断有没有cookie
var cookie=myfunc.load_json("cookie")
if (cookie){
var cookie = myfunc.load_json("cookie")
if (cookie) {
//判断cookie有没有过期
}else{
this.logout()
const isFuture = new Date(cookie.ExpiresAt) > new Date();
if (isFuture) {
//没过期
this.is_login = true
//获取用户信息
this.user_info = myfunc.load_json("user_info")
} else {
//过期了
this.logout(false)
//如何是h5平台 在请求的时候本地cookie应该就被服务器删了
}
} else {
this.logout(false)
}
},
},