|
|
@@ -0,0 +1,57 @@
|
|
|
+<template>
|
|
|
+ <div class="container">
|
|
|
+ <div class="left-box"></div>
|
|
|
+ <div class="right-box"></div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+ export default {
|
|
|
+ components: {
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ }
|
|
|
+ }
|
|
|
+</script>
|
|
|
+<style scoped>
|
|
|
+ html, body, #app {
|
|
|
+ height: 100% !important;
|
|
|
+ user-select: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .main-content {
|
|
|
+ background:rgb(248,248,248) !important;
|
|
|
+ }
|
|
|
+ .container {
|
|
|
+ width: 1200px;
|
|
|
+ margin: 100px auto;
|
|
|
+ display:flex;
|
|
|
+ flex-direction:row;
|
|
|
+ justify-content:space-between;
|
|
|
+ }
|
|
|
+
|
|
|
+ .container .left-box {
|
|
|
+ width:25%;
|
|
|
+ height:600px;
|
|
|
+ background:#fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .container .right-box {
|
|
|
+ width:73%;
|
|
|
+ height:600px;
|
|
|
+ background:#fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .center-col {
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+</style>
|
