|
|
|
|
@ -10,31 +10,15 @@
@@ -10,31 +10,15 @@
|
|
|
|
|
<headerComponen /> |
|
|
|
|
</el-header> |
|
|
|
|
<el-main> |
|
|
|
|
<el-row |
|
|
|
|
v-show="store.isRows" |
|
|
|
|
@changRow="changRowStatus" |
|
|
|
|
justify="center" |
|
|
|
|
align="middle" |
|
|
|
|
> |
|
|
|
|
<el-col :span="9"> |
|
|
|
|
<el-card> |
|
|
|
|
<!-- <div class="image"> |
|
|
|
|
<el-row v-show="store.isRows" @changRow="changRowStatus" justify="center" align="middle"> |
|
|
|
|
<el-col :span="9"> |
|
|
|
|
<el-card > |
|
|
|
|
<div class="image"> |
|
|
|
|
<img class="image " src="@/assets/images/welcome.png"> |
|
|
|
|
</div> --> |
|
|
|
|
<template> |
|
|
|
|
<el-image |
|
|
|
|
:src="featureState.property" |
|
|
|
|
fit="fill" |
|
|
|
|
:style="{ |
|
|
|
|
height: featureState.asideimgHeight, |
|
|
|
|
width: featureState.width, |
|
|
|
|
}" |
|
|
|
|
> |
|
|
|
|
</el-image> |
|
|
|
|
</template> |
|
|
|
|
</el-card> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
</div> |
|
|
|
|
</el-card> |
|
|
|
|
</el-col> |
|
|
|
|
</el-row> |
|
|
|
|
<router-view /> |
|
|
|
|
</el-main> |
|
|
|
|
</el-container> |
|
|
|
|
@ -44,22 +28,16 @@
@@ -44,22 +28,16 @@
|
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
<script setup> |
|
|
|
|
import { onMounted, provide, ref, vShow } from "vue"; |
|
|
|
|
import { useRouter } from "vue-router"; |
|
|
|
|
import headerComponen from "@/components/header.vue"; |
|
|
|
|
import Aside from "@/components/Aside.vue"; |
|
|
|
|
import { useStore } from "@/store/index.js"; |
|
|
|
|
import {onMounted, provide, ref} from 'vue' |
|
|
|
|
import {useRouter} from 'vue-router' |
|
|
|
|
import headerComponen from '@/components/header.vue' |
|
|
|
|
import Aside from '@/components/Aside.vue' |
|
|
|
|
import {useStore} from "@/store/index.js"; |
|
|
|
|
|
|
|
|
|
const Router = useRouter(); |
|
|
|
|
const AsideWidth = ref("64px"); |
|
|
|
|
const store = useStore(); |
|
|
|
|
const isRow = ref(store.isRows); |
|
|
|
|
|
|
|
|
|
const featureState = reactive({ |
|
|
|
|
property: "", |
|
|
|
|
asideimgHeight: (document.body.clientHeight - 200) / 2 + "px", |
|
|
|
|
width: 100 + "%", |
|
|
|
|
}); |
|
|
|
|
const Router = useRouter() |
|
|
|
|
const AsideWidth = ref('64px') |
|
|
|
|
const store = useStore() |
|
|
|
|
const isRow = ref(store.isRows) |
|
|
|
|
|
|
|
|
|
provide("isRow", isRow); |
|
|
|
|
|
|
|
|
|
|