qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 暖色调修改。

Browse Source
This commit is contained in:
tianyongbao
2026-03-04 00:23:01 +08:00
parent d924185c8e
commit f5b0338072
10 changed files with 68 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/config.js
View File

@@ -11,7 +11,7 @@ const config = {
// 应用版本 // 应用版本
version: "1.1.0", version: "1.1.0",
// 应用logo // 应用logo
logo: "/static/logo.png", logo: "/static/logo1.png",
// 官方网站 // 官方网站
site_url: "https://www.qdintc.com", site_url: "https://www.qdintc.com",
// 政策协议 // 政策协议

32
src/pages/login.vue
View File

@@ -5,7 +5,7 @@
<view class="logo-box"> <view class="logo-box">
<image class="logo" :src="globalConfig.appInfo.logo" mode="aspectFit"></image> <image class="logo" :src="globalConfig.appInfo.logo" mode="aspectFit"></image>
</view> </view>
<text class="app-title">智聪健康管理平台</text> <text class="app-title">暖康档案管理平台</text>
<text class="app-subtitle">专业的健康管理工具</text> <text class="app-subtitle">专业的健康管理工具</text>
</view> </view>
@@ -13,7 +13,7 @@
<view class="form-card"> <view class="form-card">
<!-- 账号输入 --> <!-- 账号输入 -->
<view class="input-item"> <view class="input-item">
<uni-icons type="person" size="20" color="#999"></uni-icons> <uni-icons type="person" size="20" color="#E8841A"></uni-icons>
<input <input
v-model="loginForm.username" v-model="loginForm.username"
class="input-field" class="input-field"
@@ -26,7 +26,7 @@
<!-- 密码输入 --> <!-- 密码输入 -->
<view class="input-item"> <view class="input-item">
<uni-icons type="locked" size="20" color="#999"></uni-icons> <uni-icons type="locked" size="20" color="#E8841A"></uni-icons>
<input <input
v-model="loginForm.password" v-model="loginForm.password"
type="text" type="text"
@@ -183,13 +183,13 @@ getCode();
<style lang="scss" scoped> <style lang="scss" scoped>
page { page {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
height: 100%; height: 100%;
} }
.login-container { .login-container {
min-height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -207,7 +207,7 @@ page {
width: 160rpx; width: 160rpx;
height: 160rpx; height: 160rpx;
background: #ffffff; background: #ffffff;
border-radius: 32rpx; border-radius: 80rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -222,13 +222,13 @@ page {
.app-title { .app-title {
font-size: 40rpx; font-size: 40rpx;
font-weight: 600; font-weight: 600;
color: #ffffff; color: #8B4500;
margin-bottom: 12rpx; margin-bottom: 12rpx;
} }
.app-subtitle { .app-subtitle {
font-size: 24rpx; font-size: 24rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(139, 69, 0, 0.65);
} }
} }
@@ -284,8 +284,8 @@ page {
flex-shrink: 0; flex-shrink: 0;
&.checked { &.checked {
background: #667eea; background: #E8841A;
border-color: #667eea; border-color: #E8841A;
} }
} }
@@ -297,7 +297,7 @@ page {
.link-text { .link-text {
font-size: 24rpx; font-size: 24rpx;
color: #667eea; color: #E8841A;
text-decoration: none; text-decoration: none;
line-height: 1.6; line-height: 1.6;
} }
@@ -307,7 +307,7 @@ page {
.login-btn { .login-btn {
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 44rpx; border-radius: 44rpx;
border: none; border: none;
color: #ffffff; color: #ffffff;
@@ -328,7 +328,7 @@ page {
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
background: transparent; background: transparent;
border: 2rpx solid #667eea; border: 2rpx solid #E8841A;
border-radius: 44rpx; border-radius: 44rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -336,13 +336,13 @@ page {
text { text {
font-size: 32rpx; font-size: 32rpx;
color: #667eea; color: #E8841A;
font-weight: 500; font-weight: 500;
} }
&:active { &:active {
opacity: 0.8; opacity: 0.8;
background: rgba(102, 126, 234, 0.05); background: rgba(232, 132, 26, 0.05);
} }
} }
@@ -352,7 +352,7 @@ page {
text { text {
font-size: 22rpx; font-size: 22rpx;
color: rgba(255, 255, 255, 0.7); color: #8B4500;
} }
} }
</style> </style>

24
src/pages/mine.vue
View File

@@ -14,7 +14,7 @@
<view class="user-details"> <view class="user-details">
<view v-if="!name" @click="handleToLogin" class="login-prompt"> <view v-if="!name" @click="handleToLogin" class="login-prompt">
<text class="login-text">点击登录</text> <text class="login-text">点击登录</text>
<uni-icons type="right" size="16" color="#ffffff"></uni-icons> <uni-icons type="right" size="16" color="#8B4500"></uni-icons>
</view> </view>
<view v-if="name" class="user-name-section"> <view v-if="name" class="user-name-section">
<text class="user-name">{{ name }}</text> <text class="user-name">{{ name }}</text>
@@ -24,7 +24,7 @@
</view> </view>
</view> </view>
<view @click="handleToInfo" class="settings-btn"> <view @click="handleToInfo" class="settings-btn">
<uni-icons type="list" size="24" color="#ffffff"></uni-icons> <uni-icons type="list" size="24" color="#8B4500"></uni-icons>
</view> </view>
</view> </view>
</view> </view>
@@ -231,7 +231,7 @@ page {
.header-section { .header-section {
padding: 160rpx 32rpx 80rpx; padding: 160rpx 32rpx 80rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #FFF3D6 0%, #FFCC6E 100%);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
flex-shrink: 0; flex-shrink: 0;
@@ -267,11 +267,11 @@ page {
width: 120rpx; width: 120rpx;
height: 120rpx; height: 120rpx;
border-radius: 60rpx; border-radius: 60rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
box-shadow: 0 12rpx 40rpx rgba(102, 126, 234, 0.4); box-shadow: 0 12rpx 40rpx rgba(232, 132, 26, 0.4);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -295,7 +295,7 @@ page {
width: 112rpx; width: 112rpx;
height: 112rpx; height: 112rpx;
border-radius: 56rpx; border-radius: 56rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -312,12 +312,12 @@ page {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 16rpx 24rpx; padding: 16rpx 24rpx;
background: rgba(255, 255, 255, 0.2); background: rgba(232, 132, 26, 0.15);
border-radius: 40rpx; border-radius: 40rpx;
backdrop-filter: blur(10rpx); backdrop-filter: blur(10rpx);
.login-text { .login-text {
color: #ffffff; color: #8B4500;
font-size: 28rpx; font-size: 28rpx;
margin-right: 8rpx; margin-right: 8rpx;
} }
@@ -329,7 +329,7 @@ page {
margin-bottom: 12rpx; margin-bottom: 12rpx;
.user-name { .user-name {
color: #ffffff; color: #8B4500;
font-size: 36rpx; font-size: 36rpx;
font-weight: 600; font-weight: 600;
margin-right: 12rpx; margin-right: 12rpx;
@@ -337,7 +337,7 @@ page {
.user-tag { .user-tag {
padding: 4rpx 16rpx; padding: 4rpx 16rpx;
background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 20rpx; border-radius: 20rpx;
color: #ffffff; color: #ffffff;
font-size: 20rpx; font-size: 20rpx;
@@ -345,7 +345,7 @@ page {
} }
.user-id { .user-id {
color: rgba(255, 255, 255, 0.8); color: rgba(139, 69, 0, 0.8);
font-size: 24rpx; font-size: 24rpx;
} }
} }
@@ -353,7 +353,7 @@ page {
.settings-btn { .settings-btn {
padding: 16rpx; padding: 16rpx;
background: rgba(255, 255, 255, 0.2); background: rgba(232, 132, 26, 0.2);
border-radius: 50%; border-radius: 50%;
backdrop-filter: blur(10rpx); backdrop-filter: blur(10rpx);
} }

28
src/pages/register.vue
View File

@@ -23,7 +23,7 @@
<view class="tips-card"> <view class="tips-card">
<view class="tips-header"> <view class="tips-header">
<uni-icons type="info" size="16" color="#667eea"></uni-icons> <uni-icons type="info" size="16" color="#E8841A"></uni-icons>
<text class="tips-title">密码要求</text> <text class="tips-title">密码要求</text>
</view> </view>
<view class="tips-list"> <view class="tips-list">
@@ -133,14 +133,14 @@ uni.navigateTo({ url: `/pages/login` })
<style lang="scss" scoped> <style lang="scss" scoped>
page { page {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
min-height: 100%; min-height: 100%;
height: 100%; height: 100%;
} }
.register-container { .register-container {
min-height: 100vh; min-height: 100vh;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(160deg, #FFF3D6 0%, #FFE0A0 60%, #FFCC6E 100%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
@@ -151,7 +151,7 @@ page {
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.1) 0%, transparent 60%); background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.35) 0%, transparent 60%);
pointer-events: none; pointer-events: none;
} }
@@ -164,14 +164,14 @@ page {
display: block; display: block;
font-size: 48rpx; font-size: 48rpx;
font-weight: 700; font-weight: 700;
color: #ffffff; color: #8B4500;
margin-bottom: 12rpx; margin-bottom: 12rpx;
} }
.page-subtitle { .page-subtitle {
display: block; display: block;
font-size: 26rpx; font-size: 26rpx;
color: rgba(255, 255, 255, 0.8); color: rgba(139, 69, 0, 0.65);
} }
} }
@@ -202,11 +202,11 @@ page {
} }
.tips-card { .tips-card {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%); background: linear-gradient(135deg, rgba(232, 132, 26, 0.06) 0%, rgba(245, 166, 35, 0.06) 100%);
border-radius: 20rpx; border-radius: 20rpx;
padding: 24rpx; padding: 24rpx;
margin-top: 32rpx; margin-top: 32rpx;
border: 2rpx solid rgba(102, 126, 234, 0.2); border: 2rpx solid rgba(232, 132, 26, 0.2);
} }
.tips-header { .tips-header {
@@ -215,7 +215,7 @@ page {
margin-bottom: 16rpx; margin-bottom: 16rpx;
.tips-title { .tips-title {
color: #667eea; color: #E8841A;
font-size: 26rpx; font-size: 26rpx;
font-weight: 600; font-weight: 600;
margin-left: 8rpx; margin-left: 8rpx;
@@ -233,7 +233,7 @@ page {
} }
.tip-dot { .tip-dot {
color: #667eea; color: #E8841A;
font-size: 24rpx; font-size: 24rpx;
margin-right: 8rpx; margin-right: 8rpx;
line-height: 36rpx; line-height: 36rpx;
@@ -254,10 +254,10 @@ page {
.register-btn { .register-btn {
width: 100%; width: 100%;
height: 96rpx; height: 96rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 48rpx; border-radius: 48rpx;
border: none; border: none;
box-shadow: 0 12rpx 32rpx rgba(102, 126, 234, 0.4); box-shadow: 0 12rpx 32rpx rgba(232, 132, 26, 0.4);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -269,7 +269,7 @@ page {
&:active { &:active {
transform: scale(0.98); transform: scale(0.98);
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.3); box-shadow: 0 8rpx 24rpx rgba(232, 132, 26, 0.3);
} }
.btn-text { .btn-text {
@@ -287,7 +287,7 @@ page {
z-index: 1; z-index: 1;
.copyright-text { .copyright-text {
color: rgba(255, 255, 255, 0.7); color: #8B4500;
font-size: 24rpx; font-size: 24rpx;
} }
} }

16
src/pages_mine/pages/about/index.vue
View File

@@ -18,7 +18,7 @@
<text class="item-label">{{ item.label }}</text> <text class="item-label">{{ item.label }}</text>
</view> </view>
<view class="item-right"> <view class="item-right">
<uni-link v-if="item.isLink" :href="item.value" :text="item.displayText" showUnderLine="false" color="#667eea"></uni-link> <uni-link v-if="item.isLink" :href="item.value" :text="item.displayText" showUnderLine="false" color="#E8841A"></uni-link>
<text v-else class="item-value">{{ item.value }}</text> <text v-else class="item-value">{{ item.value }}</text>
</view> </view>
</view> </view>
@@ -44,7 +44,7 @@ const infoList = computed(() => [
label: '版本信息', label: '版本信息',
value: `v${version}`, value: `v${version}`,
displayText: `v${version}`, displayText: `v${version}`,
gradient: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)', gradient: 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)',
isLink: false isLink: false
}, },
{ {
@@ -95,7 +95,7 @@ page {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #FFF3D6 0%, #FFCC6E 100%);
position: relative; position: relative;
overflow: hidden; overflow: hidden;
@@ -117,7 +117,7 @@ page {
.logo-image { .logo-image {
width: 140rpx; width: 140rpx;
height: 140rpx; height: 140rpx;
border-radius: 28rpx; border-radius: 80rpx;
box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.2); box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.2);
background: #ffffff; background: #ffffff;
padding: 16rpx; padding: 16rpx;
@@ -129,21 +129,21 @@ page {
right: -10rpx; right: -10rpx;
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
background: linear-gradient(135deg, #ffd89b 0%, #19547b 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 20rpx; border-radius: 20rpx;
border: 4rpx solid #667eea; border: 4rpx solid #F5A623;
} }
} }
.app-name { .app-name {
color: #ffffff; color: #8B4500;
font-size: 36rpx; font-size: 36rpx;
font-weight: 700; font-weight: 700;
margin-bottom: 8rpx; margin-bottom: 8rpx;
} }
.app-slogan { .app-slogan {
color: rgba(255, 255, 255, 0.8); color: rgba(139, 69, 0, 0.8);
font-size: 26rpx; font-size: 26rpx;
} }
} }

9
src/pages_mine/pages/help/index.vue
View File

@@ -2,7 +2,7 @@
<view class="help-container"> <view class="help-container">
<view v-for="(item, findex) in list" :key="findex" class="help-section"> <view v-for="(item, findex) in list" :key="findex" class="help-section">
<view class="section-header"> <view class="section-header">
<view class="header-icon" :style="{ background: findex === 0 ? 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)' : 'linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)' }"> <view class="header-icon" :style="{ background: findex === 0 ? 'linear-gradient(135deg, #E8841A 0%, #F5A623 100%)' : 'linear-gradient(135deg, #F5A623 0%, #FFCC6E 100%)' }">
<uni-icons :type="findex === 0 ? 'help' : 'info'" size="20" color="#ffffff"></uni-icons> <uni-icons :type="findex === 0 ? 'help' : 'info'" size="20" color="#ffffff"></uni-icons>
</view> </view>
<text class="section-title">{{ item.title }}</text> <text class="section-title">{{ item.title }}</text>
@@ -46,9 +46,6 @@
childList: [{ childList: [{
title: '如何退出登录？', title: '如何退出登录？',
content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录', content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录',
}, {
title: '如何修改用户头像？',
content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像',
}, { }, {
title: '如何修改登录密码？', title: '如何修改登录密码？',
content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码', content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码',
@@ -139,7 +136,7 @@ page {
.q-badge { .q-badge {
width: 36rpx; width: 36rpx;
height: 36rpx; height: 36rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 8rpx; border-radius: 8rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -167,7 +164,7 @@ page {
.a-badge { .a-badge {
width: 36rpx; width: 36rpx;
height: 36rpx; height: 36rpx;
background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%); background: linear-gradient(135deg, #FFCC6E 0%, #F5A623 100%);
border-radius: 8rpx; border-radius: 8rpx;
display: flex; display: flex;
align-items: center; align-items: center;

6
src/pages_mine/pages/info/edit.vue
View File

@@ -125,10 +125,10 @@ page {
.submit-btn { .submit-btn {
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 44rpx; border-radius: 44rpx;
border: none; border: none;
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.4); box-shadow: 0 8rpx 24rpx rgba(232, 132, 26, 0.4);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -140,7 +140,7 @@ page {
&:active { &:active {
transform: scale(0.98); transform: scale(0.98);
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3); box-shadow: 0 4rpx 16rpx rgba(232, 132, 26, 0.3);
} }
.btn-text { .btn-text {

16
src/pages_mine/pages/pwd/index.vue
View File

@@ -16,7 +16,7 @@
<view class="tips-card"> <view class="tips-card">
<view class="tips-header"> <view class="tips-header">
<uni-icons type="info" size="18" color="#667eea"></uni-icons> <uni-icons type="info" size="18" color="#E8841A"></uni-icons>
<text class="tips-title">密码要求</text> <text class="tips-title">密码要求</text>
</view> </view>
<view class="tips-list"> <view class="tips-list">
@@ -125,11 +125,11 @@ page {
} }
.tips-card { .tips-card {
background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%); background: linear-gradient(135deg, rgba(232, 132, 26, 0.08) 0%, rgba(245, 166, 35, 0.08) 100%);
border-radius: 24rpx; border-radius: 24rpx;
padding: 24rpx; padding: 24rpx;
margin-bottom: 32rpx; margin-bottom: 32rpx;
border: 2rpx solid rgba(102, 126, 234, 0.2); border: 2rpx solid rgba(232, 132, 26, 0.2);
} }
.tips-header { .tips-header {
@@ -138,7 +138,7 @@ page {
margin-bottom: 16rpx; margin-bottom: 16rpx;
.tips-title { .tips-title {
color: #667eea; color: #E8841A;
font-size: 28rpx; font-size: 28rpx;
font-weight: 600; font-weight: 600;
margin-left: 8rpx; margin-left: 8rpx;
@@ -156,7 +156,7 @@ page {
} }
.tip-dot { .tip-dot {
color: #667eea; color: #E8841A;
font-size: 28rpx; font-size: 28rpx;
margin-right: 8rpx; margin-right: 8rpx;
line-height: 40rpx; line-height: 40rpx;
@@ -178,10 +178,10 @@ page {
.submit-btn { .submit-btn {
width: 100%; width: 100%;
height: 88rpx; height: 88rpx;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); background: linear-gradient(135deg, #E8841A 0%, #F5A623 100%);
border-radius: 44rpx; border-radius: 44rpx;
border: none; border: none;
box-shadow: 0 8rpx 24rpx rgba(102, 126, 234, 0.4); box-shadow: 0 8rpx 24rpx rgba(232, 132, 26, 0.4);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -193,7 +193,7 @@ page {
&:active { &:active {
transform: scale(0.98); transform: scale(0.98);
box-shadow: 0 4rpx 16rpx rgba(102, 126, 234, 0.3); box-shadow: 0 4rpx 16rpx rgba(232, 132, 26, 0.3);
} }
.btn-text { .btn-text {

BIN
src/static/logo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

3
src/store/modules/user.ts
View File

@@ -15,6 +15,7 @@ const useUserStore = defineStore("user", {
state: () => ({ state: () => ({
token: getToken(), token: getToken(),
name: "", name: "",
userId: "",
avatar: "", avatar: "",
roles: Array(), roles: Array(),
permissions: [], permissions: [],
@@ -57,6 +58,7 @@ const useUserStore = defineStore("user", {
this.roles = ["ROLE_DEFAULT"]; this.roles = ["ROLE_DEFAULT"];
} }
this.name = user.userName; this.name = user.userName;
this.userId = user.userId;
this.avatar = avatar; this.avatar = avatar;
resolve(res); resolve(res);
}) })
@@ -74,6 +76,7 @@ const useUserStore = defineStore("user", {
this.roles = []; this.roles = [];
this.permissions = []; this.permissions = [];
this.name = ""; this.name = "";
this.userId = "";
this.avatar = ""; this.avatar = "";
removeToken(); removeToken();
resolve(null); resolve(null);