hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-12 20:36:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:注释二维码

Browse Source
This commit is contained in:
lixg
2022-12-11 10:40:30 +08:00
parent 481ba9fb42
commit fd2c55bffb
6 changed files with 101 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

89
src/components/NavTop.vue
View File

@@ -2,8 +2,8 @@
<div class="navTop">
<div class="navTopMain">
<img
style="width: 205px; height: 29px; margin-left: 37px; margin-top: 22px"
src="../assets/images/navtop/logo.png"
style="width: 205px; height: 29px; margin-left: 37px; margin-top: 22px"
src="../assets/images/navtop/logo.png"
/>
<div class="navTopRight">
<div class="role">
@@ -11,10 +11,10 @@
<div class="roleArrow"></div>
<div class="roleItems">
<div
v-for="(value, index) in roleList"
:key="index"
class="roleItem"
@click="changeRole(value)"
v-for="(value, index) in roleList"
:key="index"
class="roleItem"
@click="changeRole(value)"
>
{{ value.name }}
</div>
@@ -22,14 +22,14 @@
</div>
<div class="user">
<img
style="
style="
width: 40px;
height: 40px;
margin-left: 8px;
border-radius: 15px;
margin-right: 10px;
"
:src="avatar"
:src="avatar"
/>
<div style="margin-right: 20px">{{ username }}</div>
</div>
@@ -47,18 +47,18 @@
</div> -->
<div class="signOutMain" @click="logOut">
<img
style="width: 27px; height: 27px"
src="../assets/images/navtop/signout.png"
style="width: 27px; height: 27px"
src="../assets/images/navtop/signout.png"
/>
<span class="signOut">登出</span>
</div>
</div>
</div>
</div>
<down-load v-model:downloadVisible="visible"/>
<down-load v-model:downloadVisible="visible" />
</template>
<script>
import {reactive, toRefs} from "vue";
import { reactive, toRefs } from "vue";
import DownLoad from "../components/drawers/DownLoad";
import * as api from "../api/index1";
@@ -71,7 +71,7 @@ export default {
const state = reactive({
selectRole: "管理员",
username: "",
avatar: null,
avatar: require("../assets/images/avatar.png"),
roleList: [
{
id: 1,
@@ -101,32 +101,32 @@ export default {
};
const getUser = () => {
api
.getUser()
.then((res) => {
console.log("获取登录信息成功", res);
if (res.data.code === 200) {
state.username = res.data.data.realName;
// state.avatar = res.data.data.avatar
// ? res.data.data.avatar
// : require("../assets/images/avatar.png");
state.avatar = require("../assets/images/avatar.png");
}
})
.catch((err) => {
console.log("获取登录信息失败", err);
});
.getUser()
.then((res) => {
console.log("获取登录信息成功", res);
if (res.data.code === 200) {
state.username = res.data.data.realName;
// state.avatar = res.data.data.avatar
// ? res.data.data.avatar
// : require("../assets/images/avatar.png");
state.avatar = require("../assets/images/avatar.png");
}
})
.catch((err) => {
console.log("获取登录信息失败", err);
});
};
getUser();
const logOut = () => {
localStorage.removeItem('faceclassPic');
localStorage.removeItem('faceclassClass');
localStorage.removeItem('faceclassScene');
localStorage.removeItem('projectLevel');
localStorage.removeItem('projectSys');
localStorage.removeItem('pathmapPic');
localStorage.removeItem('projectClass');
localStorage.removeItem('projectPic');
localStorage.removeItem("faceclassPic");
localStorage.removeItem("faceclassClass");
localStorage.removeItem("faceclassScene");
localStorage.removeItem("projectLevel");
localStorage.removeItem("projectSys");
localStorage.removeItem("pathmapPic");
localStorage.removeItem("projectClass");
localStorage.removeItem("projectPic");
window.open("https://u-pre.boe.com/web/", "_self");
};
return {
@@ -144,6 +144,7 @@ export default {
height: 80px;
// display: flex;
background-color: rgba(255, 255, 255, 1);
// box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
.navTopMain {
width: 100%;
@@ -151,7 +152,7 @@ export default {
display: flex;
justify-content: space-between;
background-color: rgba(255, 255, 255, 1);
// background-color: #0078fc;
.navTopRight {
display: flex;
}
@@ -161,7 +162,8 @@ export default {
align-items: center;
font-size: 16px;
font-weight: 400;
color: #333330;
font-family: "Menlo", "苹方-简" !important;
color: #000;
line-height: 36px;
cursor: pointer;
position: relative;
@@ -204,9 +206,9 @@ export default {
display: block;
}
.role:hover .roleArrow {
background-image: url(../assets/images/navtop/up.png);
}
// .role:hover .roleArrow {
// background-image: url(../assets/images/navtop/up.png);
// }
.user {
margin-left: 37px;
@@ -214,8 +216,10 @@ export default {
align-items: center;
font-size: 14px;
font-weight: 400;
color: #b3bdc4;
// color: #b3bdc4;
color: #000;
line-height: 36px;
font-family: "Menlo", "苹方-简" !important;
}
.signOutMain {
@@ -228,9 +232,10 @@ export default {
.signOut {
font-size: 16px;
font-weight: 400;
color: #242424;
color: #000;
line-height: 22px;
margin-left: 5px;
font-family: "Menlo", "苹方-简" !important;
}
}
}