Skip to content

T
ty_patentSys
Commit f0364bab by heshihao
Options

feat: 界面调整

parent 2ae63e68
Showing with 47 additions and 60 deletions
src/components/HeaderCon.vue
<template> <template>
<div class="header"> <div class="header">
<div class="header_left"> <div class="header_left">
<img src="../static/login/logo-tylgd.png" alt="" /> <img src="../static/login/logo-tylgd.png" alt="" />
<span>太原理工大学专利成果转移转化智能推荐系统</span> <span>太原理工大学专利成果转移转化智能推荐系统</span>
</div> </div>
<div class="header_right"> <div class="header_right">
<!-- <img src="" alt=""> --> <!-- <img src="" alt=""> -->
<img :src="img" class="portrait" v-if="img"/> <img :src="img" class="portrait" v-if="img" />
<img src="../static/common/img-tx-big.svg" class="portrait" v-else/> <img src="../static/common/img-tx-big.svg" class="portrait" v-else />
<a-popover> <a-popover>
<template #content> <template #content>
<div <div v-if="!isadmin" class="portrait_btn" @mouseenter="hover($event, '1')" @mouseleave="leave($event)">
v-if="!isadmin"
class="portrait_btn"
@mouseenter="hover($event, '1')"
@mouseleave="leave($event)"
>
<span v-if="hover_num == 1" @click="toset" style="cursor: pointer"> <span v-if="hover_num == 1" @click="toset" style="cursor: pointer">
<img src="@/static/common/icon-yhsz-hover.png" alt="" />&nbsp; <img src="@/static/common/icon-yhsz-hover.png" alt="" />&nbsp;
<span style="color: #3e7bfa">用户设置</span> <span style="color: #3e7bfa">用户设置</span>
...@@ -26,16 +21,8 @@ ...@@ -26,16 +21,8 @@
</span> </span>
</div> </div>
<br /> <br />
<div <div class="portrait_btn" @mouseenter="hover($event, '2')" @mouseleave="leave($event)">
class="portrait_btn" <span v-if="hover_num == 2" @click="openModal" style="cursor: pointer">
@mouseenter="hover($event, '2')"
@mouseleave="leave($event)"
>
<span
v-if="hover_num == 2"
@click="openModal"
style="cursor: pointer"
>
<img src="@/static/common/icon-tcdl-hover.png" alt="" />&nbsp; <img src="@/static/common/icon-tcdl-hover.png" alt="" />&nbsp;
<span style="color: #3e7bfa">退出登录</span> <span style="color: #3e7bfa">退出登录</span>
</span> </span>
...@@ -78,7 +65,7 @@ export default { ...@@ -78,7 +65,7 @@ export default {
return { return {
hover_num: 0, hover_num: 0,
username: "", username: "",
isadmin:false, isadmin: false,
type: "专利", type: "专利",
keyword: "", keyword: "",
visible: false, visible: false,
...@@ -86,7 +73,7 @@ export default { ...@@ -86,7 +73,7 @@ export default {
}; };
}, },
created() { created() {
this.getUserInfo() this.getUserInfo();
}, },
methods: { methods: {
//获取用户信息 //获取用户信息
...@@ -156,46 +143,46 @@ export default { ...@@ -156,46 +143,46 @@ export default {
padding: 0 15px; padding: 0 15px;
} }
} }
.header_con { // .header_con {
// padding: 0 10px 30px; // // padding: 0 10px 30px;
width: 700px; // width: 700px;
height: 50px; // height: 50px;
margin: 10px; // margin: 10px;
// padding: 10px; // // padding: 10px;
border: 2px solid #4079ff; // border: 2px solid #4079ff;
// border-radius: 8px; // // border-radius: 8px;
.type { // .type {
width: 160px; // width: 160px;
height: 40px; // height: 40px;
// margin-top: 10px; // // margin-top: 10px;
// line-height: 50px; // // line-height: 50px;
padding: 0px 0; // padding: 0px 0;
// background-color: #fff; // // background-color: #fff;
border-color: transparent; // border-color: transparent;
} // }
:deep(.ant-input-group .ant-input) { // :deep(.ant-input-group .ant-input) {
// height: 54px; // // height: 54px;
font-size: 18px; // font-size: 18px;
} // }
:deep(.ant-input) { // :deep(.ant-input) {
border-color: transparent; // border-color: transparent;
padding-top: 10px; // padding-top: 10px;
} // }
:deep(.ant-input-group-addon:first-child) { // :deep(.ant-input-group-addon:first-child) {
border-color: transparent; // border-color: transparent;
padding-top: 5px; // padding-top: 5px;
background-color: transparent !important; // background-color: transparent !important;
} // }
:deep(.ant-input-group-addon:last-child) { // :deep(.ant-input-group-addon:last-child) {
height: 48px; // height: 48px;
width: 120px; // width: 120px;
background-color: #4079ff !important; // background-color: #4079ff !important;
color: #fff; // color: #fff;
font-size: 18px; // font-size: 18px;
} // }
} // }
.header_right { .header_right {
padding: 0 50px 30px; padding: 0 30px 30px;
// display: inline-block; // display: inline-block;
line-height: 60px; line-height: 60px;
.portrait { .portrait {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment