mt-fe-group/11-mes-new
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update homepage

Browse Source
This commit is contained in:
lb 2022-11-08 16:43:08 +08:00
parent 79e9110f1d
commit 0db0f98791
4 changed files with 47 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
src/layout/components/Navbar.vue
View File

@ -1,27 +1,24 @@
<template>
<div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''" style="padding-right: 23px;">
<div class="navbar" :style="showTitle ? 'background: rgba(8,17,50,0.25)' : ''">
<div v-if="showTitle" class="homeNavIcon" @click="goToRootPage">
<img
src="../../assets/img/cnbm.png"
style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px"
alt=""
/>
{{ 'title' | i18nFilter }}
</div>
<div v-if="showhome" style="display:flex; align-items: center;">
<hamburger
v-if="showhome"
id="hamburger-container"
:is-active="sidebar.opened"
class="hamburger-container"
@toggleClick="toggleSideBar"
/>
<div
v-if="showTitle"
style="cursor: pointer; color: #fff;font-size: 22px; float: left; letter-spacing: 1px; font-weight: 500; padding-left: 24px; marginTop: 5px"
@click="goToRootPage"
>
<img
src="../../assets/img/cnbm.png"
style="width: 26px; height: 26px; position: relative; top: 6px; marginRight: 14px"
alt=""
>
{{ 'title' | i18nFilter }}
</div>
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
</div>
<div class="right-menu">
<div v-if="showhome" class="right-menu-back" @click="toHome">
@ -96,7 +93,7 @@
trigger="click"
>
<div class="avatar-wrapper">
<img :src="require('@/assets/img/head.png')" class="user-avatar">
<img :src="require('@/assets/img/head.png')" class="user-avatar" />
<div class="avatar-username" :title="username">{{ username }}</div>
<div class="avatar-roles" :title="roles.join(',')">{{ roles.length > 0 ? roles[0] : '' }}</div>
<!-- <i class="el-icon-caret-bottom" /> -->
@ -143,7 +140,7 @@
<el-tooltip class="item" effect="dark" placement="bottom-end">
<div slot="content">
{{ 'copyright.copyright' | i18nFilter }}：{{ 'copyright.company' | i18nFilter }}
<br>
<br />
{{ 'copyright.version' | i18nFilter }}：3.0
</div>
<svg-icon
@ -328,15 +325,32 @@ export default {
</script>
<style lang="scss" scoped>
.time-menu {
display: inline-block;
}
.navbar {
height: 48px;
// height: 48px;
height: calc(100vh / 1600 * 80);
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
padding-right: calc(100vw / 2560 * 32);
display: flex;
justify-content: space-between;
align-items: center;
.homeNavIcon {
cursor: pointer;
color: #fff;
font-size: calc(100vh / 1600 * 32);
line-height: 1;
float: left;
letter-spacing: 1px;
font-weight: 500;
padding-left: calc(100vw / 2560 * 32);
* {
vertical-align: middle;
}
}
.hamburger-container {
line-height: 48px;

2
src/views/3DOverview/components/TechyContainer.vue
View File

@ -75,7 +75,7 @@ export default {
box-shadow: inset 0px 0px 20px 0px rgba(255, 255, 255, 0.15);
/* background: rgba(20, 69, 100, 0.425); */
background: rgba(6, 16, 39, 0.3);
backdrop-filter: blur(1px);
backdrop-filter: blur(2px);
}
.line {

6
src/views/3DOverview/index.vue
View File

@ -1,9 +1,9 @@
<template>
<div id="v3d-outter" ref="v3d-outter">
<V3DApp @3d-loaded="handle3DLoaded" />
<!-- <V3DApp @3d-loaded="handle3DLoaded" /> -->
<!-- 正式内容: -->
<div v-if="showPage" id="v3d-main-content">
<!-- <div v-if="true" id="v3d-main-content"> -->
<!-- <div v-if="showPage" id="v3d-main-content"> -->
<div v-if="true" id="v3d-main-content">
<techy-header :head-title="'合肥新能源数字工厂总览'" @toggle-full-screen="toggleFullScreen" />
<section id="techy-body-part">

12
src/views/ChoicePart/index.vue
View File

@ -12,7 +12,7 @@
>
<!-- :style="{ background: colorArr.colorList[index % 9] }" -->
<div class="choicepart-item-border">
<img :src="require(`../../assets/img/choicepart/${item.name}.png`)" alt="">
<img :src="require(`../../assets/img/choicepart/${item.name}.png`)" alt="" />
</div>
<div class="choicepart-item-title" :title="item.meta.title">{{ item.meta.title }}</div>
</div>
@ -147,12 +147,14 @@ export default {
background: url('../../assets/img/choicepart/choicepart-back.jpg') repeat;
background-size: 100% 100%;
overflow-x: scroll;
display: flex;
justify-content: center;
align-items: center;
.choicepart-box {
width: 1440px;
margin: 0 auto;
margin: 0 auto;
padding-top: 16vh;
min-height: 100vh;
.choicepart-item {
display: inline-block;
width: 208px;