update homepage styling and layout
This commit is contained in:
parent
d8ee975615
commit
3cfb936b54
@ -707,7 +707,7 @@ onUnmounted(() => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-bottom">
|
<div class="footer-bottom">
|
||||||
<p class="copyright">© {{ currentYear }} {{ appName }}. 保留所有权利。</p>
|
<p class="copyright">© {{ currentYear }} {{ appName }}. 版权所有。</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
@ -719,7 +719,7 @@ onUnmounted(() => {
|
|||||||
min-height: 100vh; /* 使用 min-height 而不是固定 height */
|
min-height: 100vh; /* 使用 min-height 而不是固定 height */
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
background: #f5f5f5;
|
background: white;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: visible; /* 改为 visible 允许内容溢出 */
|
overflow: visible; /* 改为 visible 允许内容溢出 */
|
||||||
}
|
}
|
||||||
@ -806,7 +806,7 @@ onUnmounted(() => {
|
|||||||
.main-content {
|
.main-content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 24px;
|
padding: 24px 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@ -833,7 +833,6 @@ onUnmounted(() => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tool-page {
|
.tool-page {
|
||||||
background: white;
|
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@ -1149,6 +1148,8 @@ onUnmounted(() => {
|
|||||||
|
|
||||||
img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
|
min-width: 620px;
|
||||||
|
min-height: 620px;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 100%;
|
max-height: 100%;
|
||||||
width: auto;
|
width: auto;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user