1.4

poem/.hintrc

@@ -0,0 +1,13 @@
+{
+  "extends": [
+    "development"
+  ],
+  "hints": {
+    "axe/text-alternatives": [
+      "default",
+      {
+        "image-alt": "off"
+      }
+    ]
+  }
+}

poem/css/index.css

@@ -51,9 +51,9 @@
                         margin-left: .2vw;
                         text-indent: .4vw;
                         font-size: .8vw;
-                        color: white;
+                        color: #000000;
                         margin-top: .2vw;
-                        background: #37D2D4;
+                        background: #060004;
                     }
                 .main_top_left_bottom_bar {
                     float: left;
@@ -73,8 +73,8 @@
                             -webkit-transform: scale(0.7);
                     }
                     .main_top_left_bottom_bar .bar_num {
-                        color: #0EFCFF;
-                        margin-left: %;
+                        color: #000000;
+                        margin-left: ;
                         -webkit-transform-origin-x: 0;
                             transform: scale(0.7);
                             -webkit-transform: scale(0.7);
@@ -104,8 +104,9 @@
                 }
                 .main_top_left_top_title {
                     text-align: center;
-                    color: #0EFCFF;
-                    font-size: 55px;
+                    color: #000000;
+                    font-weight: bold;
+                    font-size: 80px;
                     padding-top: 50px;
                 }
                 /* 这是第一个框的样式*/
@@ -114,10 +115,10 @@
                     height: 71%;
                     margin: auto;
                     margin-top: 16%;
-                    color: white;
+                    color: #000000;
                     /* margin-left: 4%; */
                     /* text-indent: .5vw; */
-                    font-size: 55px;
+                    font-size: 80px;
                     /* letter-spacing: .15vw; */
                 }
                 /* 这是横线图 各朝代诗人数量 */
@@ -126,9 +127,9 @@
                     height: 71%;
                     margin: auto;
                     margin-top: 16%;
-                    color: white;
+                    color: #000000;
                     margin-left: -70px;
-                    font-size: 55px;
+                    font-size: 80px;
                 }
                 /* 这是饼状图的样式 */
                 .main_top_left_top_con_mas{
@@ -157,7 +158,7 @@
                             /* 改变字体位置 */
                             background: #FD9133;
                             text-align: center;
-                            font-size: 55px;
+                            font-size: 80px;
                         }
                         .main_top_left_t_c_l_right,.main_top_left_t_c_r_right {
                             background: #F6D10E;
@@ -188,6 +189,7 @@
                         width: 49%;
                         text-align: center;
                         margin-top: 1.5%;
+                        font-size: 80px;
                     }
                         .main_top_left_top_con_right .main_top_left_c_l_n {
                             /* -webkit-transform-origin-x: 0; */
@@ -209,7 +211,7 @@
                             margin-top: -7%;
                         }
                     .main_top_left_top_con_list {
-                        font-size: 55px;
+                        font-size: 80px;
                         float: left;
                         height: 48%;
                         width: 32%;
@@ -248,8 +250,8 @@
                 text-align: center;
                 font-size: 1.7vw;
                 font-weight: bold;
-                color: #0EFCFF;
-                height: 14%;
+                color: color: #000000;
+                /* height: 14%; */
             }
                 .main_top_middle_top_title .title_bg {
                     position: absolute;
@@ -264,8 +266,8 @@
                     top: 0;
                     padding: .5% 2%;
                     font-size: .7vw;
-                    color: #0EFCFF;
-                    border: 1px solid #0EFCFF;
+                    color: #000000;
+                    color: #000000;
                     -webkit-transform-origin-x: 0;
                     transform: scale(0.9);
                     -webkit-transform: scale(0.9);
@@ -284,7 +286,7 @@
                 }
             .main_top_middle_num_title {
                 float: left;
-                color: #0EFCFF;
+                color: #000000;
                 font-size: 100px;
                 margin-left: 16%;
                 line-height: 4.5vw;
@@ -306,7 +308,7 @@
                     margin-left: 2.6%;
                     font-size: 2vw;
                     font-weight: bold;
-                    color: #0EFCFF;
+                    color: #000000;
                     line-height: 240%;
                 }
                     .main_top_middle_num_list p {
@@ -348,7 +350,7 @@
                     }
                         .main_top_echarts_con_title {
                             font-size: .8vw;
-                            color: #0EFCFF;
+                            color: #000000;
                         }
                         /* 这是中间两个饼状图的样式 */
                         .main_top_echarts_pie {
@@ -413,7 +415,7 @@
         }
             .main_list_title {
                 font-size: .75vw;
-                color: #0EFCFF;
+                color: #000000;
                 text-indent: .8vw;
                 padding-top: .5vw;
             }
@@ -422,7 +424,7 @@
                 width: 100%;
                 font-size: 1.4vw;
                 font-weight: bold;
-                color: white;
+                color: #000000;
                 text-align: center;
                 letter-spacing: .2vw;
                 margin-top: -.5vw;
@@ -454,6 +456,7 @@
             .main_bottom_top_list:nth-child(1) {
                 margin-left: 10;
             }
+            /* 标题图片的样式 */
                 .main_bottom_top_list img {
                     position: absolute;
                     width: 100%;
@@ -465,8 +468,8 @@
                     position: relative;
                     width: 100%;
                     padding-top: 1.6vw;
-                    font-size: .8vw;
-                    color: white;
+                    font-size: 55px;
+                    color: #ffffff;
                     text-indent: 3.2vw;
                 }
                 .main_bottom_t_l_chart {
@@ -496,14 +499,14 @@
                             font-size: .7vw;
                             line-height: 1.6vw;
                             height: 1.6vw;
-                            color: white;
+                            color: #000000;
                              /* background-color: #0EFCFF; */
                         }
                         .main_bottom_t_l_main2 .main_bottom_t_l_main_list {
                             font-size: .7vw;
                             line-height: 1.6vw;
                             height: 1.6vw;
-                            color: white;
+                            color: #000000;
                         }
                          .main_bottom_t_list_title {
                             float: left;
@@ -573,7 +576,7 @@
                     .main_bottom_b_title {
                         font-size: .8vw;
                         text-align: center;
-                        color: #0EFCFF;
+                        color: #000000;
                         padding-top: .3vw;
                     }
                     .main_bottom_b_con {
@@ -585,3 +588,15 @@
                     .main_bottom_b_con2 {
                         height: 70%;
                     }
+                    .button {
+                        background-color: black;
+                        border: none;
+                        color: white;
+                        text-align: center;
+                        text-decoration: none;
+                        display: inline-block;
+                        font-size: 16px;
+                        width: 100px;
+                        height: 100px;
+                        line-height: 100px;
+                      }

poem/css/reset.css

@@ -141,7 +141,8 @@ html,
 }
 
 .main {
-    position: relative;background: url("../images/微信图片_20240616110427.png") no-repeat center center fixed;
+    /* 背景图 */
+    position: relative;background: url("../images/background.png") no-repeat center center fixed;
     /*兼容浏览器版本*/
     -webkit-background-size: cover;
     -o-background-size: cover;  

poem/login.html

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-</head>
-<body>
-        <a href="./index.html">click there</a>
-</body>
-</html>