Commit 46e4421d authored by zhanglw's avatar zhanglw

标题变更

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