Commit 46e4421d authored by zhanglw's avatar zhanglw

标题变更

parent 0e463b9e
<template>
<div class="mian-navbar">
<figure></figure>
<div class="mian-navbar" style="text-align: center">
<figure><span class="projectName">恒源矿业二道庄矿区智慧矿山</span></figure>
<div class="navbar">
<div class="navbar-line">
<el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
......@@ -83,7 +83,20 @@ export default {
</script>
<style lang="scss" scoped>
.projectName {
text-align: center;
line-height: 56px;
font-size: 30px;
font-weight: 600;
background-image: -webkit-linear-gradient(
bottom,
rgb(36, 162, 254),
rgb(255, 255, 255)
);
background-clip: text;
-webkit-text-fill-color: transparent;
letter-spacing: 1px;
}
.mian-navbar{
position:relative;height:6.018vh;width:100%;min-height:60px;
......@@ -97,7 +110,7 @@ export default {
.avatar-wrapper{
&:before{position:absolute;right:0;height:auto;width:12px;}
position:relative;display:flex;align-items:center;padding-right:15px;color:#51dbff;font-size:13px;
img{height:26px;width:26px;border-radius:4px;margin-right:4px;border:0;}
span{display:block;max-width:55px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
......
<template>
<div class="bigScreenView">
<!-- 头部标题 -->
<div class="top_title">
<div class="top_titl_left">
<div class="top_title" style="text-align: center">
<span class="projectName">恒源矿业二道庄矿区智慧矿山</span>
<div class="top_titl_left">
<div></div>
<div v-for="(item,index) in topSmallTitleLeftData" :key="index" style="cursor: pointer;" @click="changeOver(item)">
<div :class="selectModule == item.componentName ? 'top_titl_left_textStyle2' : 'top_titl_left_textStyle1' ">{{item.title}}</div>
......@@ -558,6 +559,20 @@ export default {
margin: 0;
padding: 0;
}
.projectName {
text-align: center;
line-height: 50px;
font-size: 30px;
font-weight: 600;
background-image: -webkit-linear-gradient(
bottom,
rgb(36, 162, 254),
rgb(255, 255, 255)
);
background-clip: text;
-webkit-text-fill-color: transparent;
/*letter-spacing: 1px;*/
}
.mapcontainer1 {
height: 100vh;
width: 100vw;
......
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