|
@@ -1,14 +1,14 @@
|
|
|
<template>
|
|
|
<div id="home">
|
|
|
- <el-container class="main" :style="{ background: styleInfo.main_bg_color }">
|
|
|
- <el-aside class="one" :style="{ background: styleInfo.aside_bg_color, 'border-color': styleInfo.aside_border_color }">
|
|
|
+ <el-container class="main">
|
|
|
+ <el-aside class="one">
|
|
|
<HomeLeft></HomeLeft>
|
|
|
</el-aside>
|
|
|
- <el-container class="two" :style="{ background: styleInfo.con_bg_color }">
|
|
|
+ <el-container class="two">
|
|
|
<el-header class="two_1">
|
|
|
<HomeHead></HomeHead>
|
|
|
</el-header>
|
|
|
- <el-main class="two_2" :style="{ background: styleInfo.conmain_bg_color, 'border-color': styleInfo.aside_border_color }">
|
|
|
+ <el-main class="two_2">
|
|
|
<router-view></router-view>
|
|
|
</el-main>
|
|
|
</el-container>
|
|
@@ -19,7 +19,13 @@
|
|
|
import { studio_style_Info } from '../../layout/site';
|
|
|
import HomeLeft from './homeParts1/left-1.vue';
|
|
|
import HomeHead from './homeParts1/header-1.vue';
|
|
|
-let styleInfo = studio_style_Info;
|
|
|
+let styleInfo = studio_style_Info as {
|
|
|
+ main_bg_color: string;
|
|
|
+ aside_bg_color: string;
|
|
|
+ aside_border_color: string;
|
|
|
+ con_bg_color: string;
|
|
|
+ conmain_bg_color: string;
|
|
|
+};
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
@@ -27,19 +33,25 @@ let styleInfo = studio_style_Info;
|
|
|
display: flex;
|
|
|
width: 100vw;
|
|
|
height: 100vh;
|
|
|
+ background: v-bind('styleInfo.main_bg_color');
|
|
|
.one {
|
|
|
border-radius: 10px;
|
|
|
margin: 0.5vw;
|
|
|
padding: 0.5vw;
|
|
|
border: 1px solid;
|
|
|
+ background: v-bind('styleInfo.aside_bg_color');
|
|
|
+ border-color: v-bind(' styleInfo.aside_border_color');
|
|
|
}
|
|
|
.two {
|
|
|
min-width: 1200px;
|
|
|
+ background: v-bind('styleInfo.con_bg_color');
|
|
|
.two_2 {
|
|
|
border-radius: 10px;
|
|
|
margin: 0.5vw;
|
|
|
padding: 0.5vw;
|
|
|
border: 1px solid;
|
|
|
+ background: v-bind('styleInfo.conmain_bg_color');
|
|
|
+ border-color: v-bind(' styleInfo.aside_border_color');
|
|
|
}
|
|
|
}
|
|
|
}
|