47 lines
937 B
Vue
47 lines
937 B
Vue
<template>
|
|
<div class="help_container">
|
|
<div class="main">
|
|
<el-row>
|
|
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
|
|
<div class="help_img">
|
|
<img src="../../assets/image/help/help_temp.png">
|
|
</div>
|
|
</el-col>
|
|
</el-row>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.help_container {
|
|
width: 100%;
|
|
min-height: calc(100vh - 70px - 150px);
|
|
background: #eee;
|
|
padding: 20px;
|
|
|
|
.main {
|
|
width: 1200px;
|
|
margin:0 auto;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
padding: 20px;
|
|
min-height: 600px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.el-row{
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.help_img img {
|
|
width: 100%; /* 让图片宽度填充父容器 */
|
|
height: auto; /* 保持图片的宽高比 */
|
|
object-fit: contain; /* 确保图片完全显示在容器内，不会被裁剪 */
|
|
}
|
|
</style> |