调整界面大小

src/components/HomeComponents/NavBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <nav class="text-base z-50 sticky top-0 bg-white border-gray-200">
+  <nav class="text-base z-50 sticky top-0 bg-white border-gray-200  ">
     <!-- <div class="text-sky-600">000</div> -->
     <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
       <a class="flex items-center space-x-3 rtl:space-x-reverse" href="/src/js">
@@ -84,7 +84,7 @@ import {message} from "ant-design-vue";
 import {useRouter} from "vue-router";
 import {BellOutlined, MailOutlined, MessageOutlined, ToolOutlined, UserOutlined} from '@ant-design/icons-vue';
 
- const user = defineProps(['username','role', 'isLoggedIn', 'avatar'])
+const user = defineProps(['username','role', 'isLoggedIn', 'avatar'])
 
 const items = ref([
     {

src/views/ProjectPage/MainMessage/BasicProject.vue

@@ -1,14 +1,14 @@
 <template>
-    <div class="w-[100vw] flex flex-row">
+    <div class=" w-full  overflow-x-hidden flex flex-row">
         <div class="flex flex-col ml-[10vw] mt-[5vh] w-[40vw] mr-[12vw]">
             <span class="text-6xl text-green-400 font-bold mb-2">Enter</span>
             <div class="mb-[4vh] flex flex-col">
                 <span class="font-bold">{{project.name}}</span>
                 <a-radio-group v-model:value="project.isFinish" name="radioGroup" class="flex-row flex mt-3">
-                    <a-radio  :style="radioStyle" :value=0>进行中</a-radio>
+                    <a-radio  :style="radioStyle" class="text-orange-300" :value=0>未开始</a-radio>
-                    <a-radio :style="radioStyle" :value=1>已完成</a-radio>
+                    <a-radio :style="radioStyle" class="text-green-500" :value=1>已完成</a-radio>
-                    <a-radio  :style="radioStyle" :value=2>进行中</a-radio>
+                    <a-radio  :style="radioStyle" class="text-blue-700" :value=2>进行中</a-radio>
-                    <a-radio :style="radioStyle" :value=-1>已完成z</a-radio>
+                    <a-radio :style="radioStyle"  class="text-red-500" :value=-1>暂停</a-radio>
                 </a-radio-group>
             </div>
             <span class="mt-[0px]">{{project.description}}项目主要包括前端后端，旨在开发一个创新的解决方案，以满足当前市场需求并改善用户体验。我们团队致力于开发一款功能强大、易于使用且具有高度可定制性的软件/应用程序/网站</span>

src/views/ProjectPage/MainMessage/BottomMessage.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="w-[100vw] h-[35vh] bg-gray-100">
+    <div class=" w-full  overflow-x-hidden h-[35vh] bg-gray-100">
-  <div class="flex flex-row ml-[10vw]">
+    <div class="flex flex-row ml-[10vw]">
       <div class="flex flex-col mr-[40vw] mt-[5vh]">
       <span class="text-xl font-bold">内部系统团队</span>
       <span class="mt-2">地址：江苏省无锡市锡山区</span>

src/views/ProjectPage/MainMessage/Contributors.vue

@@ -1,18 +1,28 @@
 <template xmlns="">
-    <div class="mt-[5vh]">
+    <div class="mt-[5vh]  w-full  overflow-x-hidden">
         <hr>
         <span class="ml-[10vw] text-green-400 font-bold text-5xl mt-[6vh]">Contributors</span>
-        <div class="flex flex-row ml-[10vw]">
+        <div class="flex flex-row ml-[10vw] mt-[4vh]">
-<!--            <a-avatar class="bg-blue-100">-->
+            <div class="flex flex-col mr-[5vw]">
-<!--                <template #icon>-->
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
-<!--                    <UserOutlined />-->
+                <span>杨某某</span>
-<!--                </template>-->
+            </div>
-<!--            </a-avatar>-->
+            <div class="flex flex-col mr-[5vw]">
-            <div class="flex flex-col">
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
+                <span>李某某</span>
+            </div>
+            <div class="flex flex-col mr-[5vw]">
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
+                <span>杨某某</span>
+            </div>
+            <div class="flex flex-col mr-[5vw]">
+                <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
+                <span>杨某某</span>
+            </div>
+            <div class="flex flex-col mr-[5vw]">
                 <img :src="avatar" alt="User Avatar" class="w-10 h-10 rounded-full ">
                 <span>杨某某</span>
             </div>
-
         </div>
 
     </div>

src/views/ProjectPage/MainMessage/TopProject.vue

@@ -1,10 +1,10 @@
 <template>
-    <div class="w-screen h-[50vh] bg-blue-100 flex items-center justify-center w-[100vw]">
+    <div class="w-screen h-[50vh] bg-blue-100 flex items-center justify-center  w-full  overflow-x-hidden">
         <div class="w-full h-full bg-cover bg-center" style="background-image: url('../../../../public/top1.jpg'); background-size: cover;">
            <div class="flex-col ml-[10vw] mt-[10vh] w-[40vw] ">
-            <div class="text-4xl text-white font-black mb-[2vh]">梁溪区纪委大数据管理平台项目{{ project.name }}</div>
+            <div class="text-4xl text-white font-black mb-[2vh]">{{ project.name }}</div>
             <div class="text-white text-2xs mb-[4vh]">We sincerely appreciate your presence on the project details page, and we aim to deliver an exceptional experience to you. </div>
-               <a-button shape="round" class="bg-white" size="large">查看项目</a-button>
+               <a-button shape="round" class="bg-white" size="large"  v-if="OkLook">查看项目</a-button>
            </div>
         </div>
     </div>
@@ -12,13 +12,16 @@
 
 <script setup>
 
-// console.log( "此项目",id)
 
-// const project = reactive({
+import {onMounted, ref} from "vue";
-//     data:null
-// })
 
 const project = defineProps(['name','id','description'])
-
+const OkLook = ref(false)
+const token = window.localStorage.getItem('token')
+onMounted(() =>{
+    if(token){
+        OkLook.value =true
+    }
+})
 
 </script>

src/views/ProjectPage/MainMessageCustom.vue

@@ -1,9 +1,9 @@
 <template>
-  <NavBar class="h-[10vh]"></NavBar>
+  <NavBar ></NavBar>
-    <TopProject v-bind="project.data"></TopProject>
+    <TopProject  v-bind="project.data"></TopProject>
-    <BasicProject v-bind="project.data"></BasicProject>
+    <BasicProject  v-bind="project.data"></BasicProject>
-    <Contributors ></Contributors>
+    <Contributors  ></Contributors>
-  <BottomMessage></BottomMessage>
+  <BottomMessage ></BottomMessage>
 
 
 

src/views/ProjectPage/ProjectCard.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="relative h-full bg-gray-50 flex w-[100vw]">
+    <div class="relative h-full bg-gray-50 flex w-full  overflow-x-hidden">
         <div class="mt-0">
             <div class="flex flex-row justify-between">
                     <div class="ml-3">

src/views/ProjectPage/ProjectDefaultPage.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="relative w-[100%] min-h-screen">
     <div class="flex flex-col">
-      <NavBar/>
+      <NavBar class="w-[100vw]"/>
-      <ProjectCard/>
+      <ProjectCard />
     </div>
   </div>
 </template>