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/index.vue | 26 +++++++++++++++++++++++--- 1 files changed, 23 insertions(+), 3 deletions(-) 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 -- Gitblit v1.8.0