样式修改

work/src/views/WorksShowView.vue

@@ -68,12 +68,16 @@ function writeWorks(id,sub){
 
 <style scoped>
 .container {
-  width: 27%; /* 假设桌面布局的容器宽度为 80% */
-  margin: 0 auto; /* 居中对齐 */
+    width: 27%;
+    /* 假设桌面布局的容器宽度为 80% */
+    margin: 0 auto;
+    /* 居中对齐 */
 }
+
 body {
     margin: 0;
 }
+
 .work-name {
     opacity: 1;
     /** 文本1 */
@@ -85,7 +89,7 @@ body{
     /*左对齐*/
     vertical-align: top;
     /* 这个属性在 Flex 容器中不起作用，将被移除 */
-        display: flex;
+    /* display: flex; */
     /* 启用 Flexbox 布局 */
     align-items: center;
     /* 垂直居中 */
@@ -93,6 +97,7 @@ body{
     /* 设置高度，根据需要调整 */
     width: 50%;
     /* 如果需要，也可以设置宽度 */
+    padding-top: 4%;
 }
 
 
@@ -115,6 +120,7 @@ body{
         width: 100%;
         margin: auto;
     }
+
     .works {
         /* ../api/ShowApi
     work\src\assets\bg@3x.png */
@@ -158,6 +164,7 @@ body{
         border-radius: 10px;
         border-radius: 10px;
     }
+
     .work-name {
         opacity: 1;
         /** 文本1 */
@@ -215,6 +222,7 @@ body{
         opacity: 2;
         margin-left: 5px;
     }
+
     .work-status2 {
         font-size: 3.8vw;
         display: inline-block;
@@ -266,6 +274,7 @@ body{
         width: 100%;
         margin: auto;
     }
+
     .works {
         /* ../api/ShowApi
     work\src\assets\bg@3x.png */
@@ -309,6 +318,7 @@ body{
         border-radius: 10px;
         border-radius: 10px;
     }
+
     .work-name {
         opacity: 1;
         /** 文本1 */
@@ -329,6 +339,7 @@ body{
         width: 50%;
         /* 如果需要，也可以设置宽度 */
     }
+
     .work-content {
         width: 90%;
         height: 35%;
@@ -361,6 +372,7 @@ body{
         opacity: 2;
         margin-left: 5px;
     }
+
     .work-status2 {
         display: inline-block;
         background: #ffe1ae;
@@ -404,12 +416,14 @@ body{
         color: rgba(255, 255, 255, 1);
     }
 }
+
 /* 电脑 */
 @media (min-width: 1280px) {
     .container {
         width: 27%;
         margin: auto;
     }
+
     .works {
         /* ../api/ShowApi
     work\src\assets\bg@3x.png */
@@ -421,6 +435,7 @@ body{
         margin: auto;
         background-size: 100% 100%;
     }
+
     .work-name {
         opacity: 1;
         /** 文本1 */
@@ -472,6 +487,7 @@ body{
         border-radius: 10px;
         border-radius: 10px;
     }
+
     .work-content {
         width: 90%;
         height: 35%;
@@ -506,6 +522,7 @@ body{
         opacity: 2;
         margin-left: 5px;
     }
+
     .work-status2 {
         display: inline-block;
         background: #ffe1ae;
@@ -517,6 +534,7 @@ body{
         opacity: 2;
         margin-left: 5px;
     }
+
     .work-bottem {
         cursor: pointer;
         display: flex;
@@ -553,11 +571,4 @@ body{
 .work-list {
     margin-top: 12%;
 }
-
-
-
-
-
-
-
 </style>