yunyang
/
carInsightSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

cxw-010203

Browse Source
prod
lily.zhang 3 years ago
parent 322a97007e
commit 9bb5b533c3
5 changed files with 42 additions and 39 deletions
Show Stats Download Patch File Download Diff File

15
src/lycomponents/iHeader/index.vue
Unescape View File

@ -136,18 +136,17 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
height: auto; height: 80px;
background-image: url("../../assets/images/Index/img_toubuer.png"); background-image: url("../../assets/images/Index/img_toubuer.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: 100% 100%;
.iH-left { .iH-left {
display: flex; display: flex;
height: 100%; height: 100%;
width: 430px; width: 657px;
margin-left: 16px; margin-left: 16px;
justify-content: flex-start; justify-content: flex-start;
margin-top: 18px; margin-top: 16px;
width: 400px;
.iH-left-img1 { .iH-left-img1 {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -163,16 +162,16 @@ export default {
} }
} }
.iH-center { .iH-center {
width: 560px; width: 490px;
height: auto; height: auto;
} }
.iH-right { .iH-right {
display: flex; display: flex;
height: 100%; height: 100%;
width: 430px; width: 657px;
justify-content: flex-end; justify-content: flex-end;
margin-right: 16px; margin-right: 16px;
margin-top: 18px; margin-top: 16px;
.s1 { .s1 {
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;

19
src/lycomponents/iHeaderBrand/index.vue
Unescape View File

@ -36,7 +36,7 @@
</div> </div>
<div class="iH-center"> <div class="iH-center">
<img src="../../assets/images/Index/img_toubuyi.png" width="100%" height="100%" /> <img src="../../assets/images/Index/img_toubuyi.png" width="100%" />
</div> </div>
<div class="iH-right"> <div class="iH-right">
<span class="s1">{{ clock }}</span> <span class="s1">{{ clock }}</span>
@ -191,17 +191,17 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
height: auto; height: 80px;
background-image: url("../../assets/images/Index/img_toubuer.png"); background-image: url("../../assets/images/Index/img_toubuer.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: 100% 100%;
.iH-left { .iH-left {
display: flex; display: flex;
height: 100%; height: 100%;
width: 657px;
margin-left: 16px; margin-left: 16px;
justify-content: flex-start; justify-content: flex-start;
margin-top: 18px; margin-top: 16px;
width: 657px;
.iH-left-img1 { .iH-left-img1 {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -217,16 +217,16 @@ export default {
} }
} }
.iH-center { .iH-center {
width: 560px; width: 490px;
height: auto; height: auto;
} }
.iH-right { .iH-right {
display: flex; display: flex;
width: 657px;
height: 100%; height: 100%;
width: 657px;
justify-content: flex-end; justify-content: flex-end;
margin-right: 16px; margin-right: 16px;
margin-top: 18px; margin-top: 16px;
.s1 { .s1 {
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
@ -243,7 +243,6 @@ export default {
font-size: 14px; font-size: 14px;
color: #ffffff; color: #ffffff;
margin-left: 8px; margin-left: 8px;
margin-top: 2px;
} }
.m1 { .m1 {
display: inline-block; display: inline-block;
@ -259,7 +258,7 @@ export default {
margin-left: 11px; margin-left: 11px;
/deep/ .anticon svg { /deep/ .anticon svg {
font-size: 20px !important; font-size: 20px !important;
margin-top: 2px; margin-top: 0px;
} }
} }
.selHead { .selHead {

18
src/lycomponents/iHeaderMa/index.vue
Unescape View File

@ -32,7 +32,7 @@
</div> </div>
<div class="iH-center"> <div class="iH-center">
<img src="../../assets/images/Index/img_toubuyi.png" width="100%" height="100%" /> <img src="../../assets/images/Index/img_toubuyi.png" width="100%" />
</div> </div>
<div class="iH-right"> <div class="iH-right">
<span class="s1">{{ clock }}</span> <span class="s1">{{ clock }}</span>
@ -147,17 +147,17 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
height: auto; height: 80px;
background-image: url("../../assets/images/Index/img_toubuer.png"); background-image: url("../../assets/images/Index/img_toubuer.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: 100% 100%;
.iH-left { .iH-left {
display: flex; display: flex;
height: 100%; height: 100%;
width: 657px;
margin-left: 16px; margin-left: 16px;
justify-content: flex-start; justify-content: flex-start;
margin-top: 18px; margin-top: 16px;
width: 657px;
.iH-left-img1 { .iH-left-img1 {
width: 24px; width: 24px;
height: 24px; height: 24px;
@ -173,16 +173,16 @@ export default {
} }
} }
.iH-center { .iH-center {
width: 560px; width: 490px;
height: auto; height: auto;
} }
.iH-right { .iH-right {
display: flex; display: flex;
width: 657px;
height: 100%; height: 100%;
justify-content: flex-start; width: 657px;
justify-content: flex-end;
margin-right: 16px; margin-right: 16px;
margin-top: 18px; margin-top: 16px;
.s1 { .s1 {
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;

10
src/lycomponents/iLayout/index.vue
Unescape View File

@ -1,18 +1,18 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 14:25:26 * @Date: 2021-10-13 14:25:26
* @LastEditTime: 2021-11-02 17:24:34 * @LastEditTime: 2021-11-03 11:12:39
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/lycomponents/iLayout/index.vue * @FilePath: /data-show/src/lycomponents/iLayout/index.vue
--> -->
<template> <template>
<div class="layout-container"> <div class="layout-container">
<iHeader v-if="getHeaderType == 1"></iHeader> <iHeader v-if="getHeaderType == 1" :style="headerStyle"></iHeader>
<iHeaderMa v-if="getHeaderType == 2"></iHeaderMa> <iHeaderMa v-if="getHeaderType == 2"></iHeaderMa>
<iHeaderBrand v-if="getHeaderType == 3"></iHeaderBrand> <iHeaderBrand v-if="getHeaderType == 3"></iHeaderBrand>
<div class="layout-body"> <div class="layout-body">
<router-view v-if="isRouterAlive && !scrollShow"></router-view> <router-view v-if="isRouterAlive && !scrollShow" @changeZoom="changeZoom"></router-view>
<vue-scroll v-if="scrollShow && isRouterAlive"> <vue-scroll v-if="scrollShow && isRouterAlive">
<router-view></router-view> <router-view></router-view>
</vue-scroll> </vue-scroll>
@ -45,6 +45,7 @@ export default {
return { return {
isRouterAlive: true, isRouterAlive: true,
scrollShow: true, scrollShow: true,
headerStyle: {}
}; };
}, },
methods: { methods: {
@ -54,6 +55,9 @@ export default {
this.isRouterAlive = true; this.isRouterAlive = true;
}); });
}, },
changeZoom() {
}
}, },
}; };
</script> </script>

13
src/views/Index/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: xw * @Author: xw
* @Date: 2021-10-08 09:17:42 * @Date: 2021-10-08 09:17:42
* @LastEditTime: 2021-11-02 17:55:45 * @LastEditTime: 2021-11-03 10:54:35
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 行业洞察 * @Description: 行业洞察
* @FilePath: /data-show/src/views/Index/index.vue * @FilePath: /data-show/src/views/Index/index.vue
@ -122,16 +122,16 @@ export default {
this.modalObj.visible = true; this.modalObj.visible = true;
}); });
}, },
handleResize({height, ratio}) { handleResize({height}) {
console.log(ratio)
let h = document.body.clientHeight; let h = document.body.clientHeight;
let h2 = parseFloat(height); let h2 = parseFloat(height);
let hx = 990/1080 * h;
let z = 1; let z = 1;
let m = h2 - h; let m = h2 - h;
let marginTop = -m*1.7; let marginTop = -m*1.9;
if(h > 760 && h < 1080) { if(h > 760 && h < 1080) {
if(h2 > h) { if(h2 > h) {
z = (h -90)/h2; z = hx/h2 * 0.99;
} else { } else {
z = 1; z = 1;
marginTop = 0; marginTop = 0;
@ -146,8 +146,9 @@ export default {
} }
this.outStyle = { this.outStyle = {
transform: `scaleY(${z}) translate(0, ${marginTop*0.09}rem)`, transform: `scaleY(${z}) translate(0, ${marginTop}px)`,
} }
this.$emit('changeZoom', z)
}, },
handlerSs() { handlerSs() {

Write Preview
Loading…
Cancel
Save