From 7edbe9d7e6cbeb116d3d6d9b00da09dc5047aa99 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期三, 05 六月 2024 10:56:38 +0800
Subject: [PATCH] fix:修改菜单适配问题
---
src/views/exam-list/index.vue | 1 +
src/views/exam/index.vue | 26 +++++++++++++++++++++++---
src/views/menu/index.vue | 4 +---
3 files changed, 25 insertions(+), 6 deletions(-)
diff --git a/src/views/exam-list/index.vue b/src/views/exam-list/index.vue
index 1c9b2a2..5bb8091 100644
--- a/src/views/exam-list/index.vue
+++ b/src/views/exam-list/index.vue
@@ -22,6 +22,7 @@
</div>
</div>
+
<div class="card-main flex-1 my-5 relative">
<div class="main-content absolute top-0 bottom-0 left-0 right-0">
<DataList></DataList>
diff --git a/src/views/exam/index.vue b/src/views/exam/index.vue
index 07db6ab..cdc820e 100644
--- a/src/views/exam/index.vue
+++ b/src/views/exam/index.vue
@@ -1,6 +1,14 @@
<template>
- <div>
-
+ <div class="exam-container w-screen h-screen relative overflow-hidden">
+ <div class="top-bg bg-blue-400"></div>
+ <div class="exam-content flex flex-col ">
+ <div class="exam-header">
+ <div class="title-container">
+ 娴嬭瘯娴嬭瘯娴嬭瘯
+ </div>
+ </div>
+ <div class="exam-main flex-1"></div>
+ </div>
</div>
</template>
@@ -9,5 +17,17 @@
</script>
<style lang="scss" scoped>
-
+.top-bg {
+ width: 130%;
+ height: 200px;
+ position: absolute;
+ border-bottom-left-radius: 50%;
+ border-bottom-right-radius: 50%;
+ left: 50%;
+ transform: translateX(-50%);
+}
+.exam-content {
+ width: 100%;
+ height: 100%;
+}
</style>
\ No newline at end of file
diff --git a/src/views/menu/index.vue b/src/views/menu/index.vue
index 1be7d1d..2cadedf 100644
--- a/src/views/menu/index.vue
+++ b/src/views/menu/index.vue
@@ -79,13 +79,11 @@
}
.item-icon {
- width: 90px;
- height: 90px;
+ width: 65%;
}
.icon-img {
width: 100%;
- height: 100%;
object-fit: cover;
}
</style>
\ No newline at end of file
--
Gitblit v1.8.0