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/index.html

@@ -10,6 +10,7 @@
     <!-- 这是背景 -->
     <link rel="stylesheet" href="css/reset.css">
 </head>
+
 <body>
     <div id="particles-js" class="main">
         <div class="main_con">
@@ -213,6 +214,24 @@
 <script type="text/javascript" src="js/app.js"></script>
 
 <script>
+    $(document).ready(function () {
+        //获取的数据存储到data
+        var data = {name:1111,num:2000};
+        $.ajax({
+            type:"get",
+            async:true,
+            url: "",
+            dataType:"JSON",
+            ContentType: "application/json;charset=utf-8",
+            success : function(data){
+
+            },
+            error:{
+
+            },
+        })
+
+
         $(function () {
             function apiFn() {
                 this.hostname = ""
@@ -279,10 +298,10 @@
                                     show: true,
                                     color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                         offset: 0,
-                                    color: color[x] + ', 0.3)'
+                                        color: 'black'
                                     }, {
                                         offset: 1,
-                                    color: color[x] + ', 1)'
+                                        color: 'black'
                                     }], false),
                                     barBorderRadius: 10
                                 },
@@ -333,7 +352,7 @@
                                 show: true,
                                 inside: false,
                                 textStyle: {
-                                color: '#38E1E1',
+                                    color: 'black',
                                     fontSize: '40',
                                 },
                                 formatter: function (val, index) {
@@ -372,7 +391,7 @@
                             animationDuration: 1500,
                             label: {
                                 normal: {
-                                color: 'white',
+                                    color: 'black',
                                     show: true,
                                     position: [-65, -2],
                                     textStyle: {
@@ -425,7 +444,7 @@
                             x: '100%',
                             data: datas,
                             textStyle: { //图例文字的样式
-                            color: '#fff',
+                                color: 'black',
                                 fontSize: 40,
                             },
                         },
@@ -484,14 +503,14 @@
                             bottom: '50%',
                             x: '45%',
                             textStyle: {
-                            color: '#fff',
-                            fontSize: 8,
+                                color: 'black',
+                                fontSize: 50,
 
                             },
                             data: data,
                         },
                         textStyle: {
-                        color: '#fff',
+                            color: 'black',
                             fontSize: 50,
                         },
                         series: [
@@ -588,7 +607,7 @@
                             bottom: '50%',
                             x: '50%',
                             textStyle: {
-                            color: '#fff',
+                                color: 'black',
                                 fontSize: 50,
                             },
                             data: data
@@ -647,7 +666,7 @@
                             bottom: '50%',
                             x: '5%',
                             textStyle: {
-                            color: '#fff',
+                                color: 'black',
                                 fontSize: 50,
 
                             },
@@ -680,7 +699,7 @@
                                         height: 20,
                                         fontSize: 50,
                                         align: 'center',
-                                    color: '#0EFCFF',
+                                        color: 'black',
                                     }
                                 },
                                 data: data
@@ -767,7 +786,7 @@
                             data: ['a', 'b'],
                             textStyle: {
                                 fontSize: '70%',
-                            color: '#0EFCFF'
+                                color: 'black',
                             },
                         },
 
@@ -778,7 +797,7 @@
                             // type: 'default',
                             name: {
                                 textStyle: {
-                                color: '#39DCF4',
+                                    color: 'black',
                                     fontSize: '50',
                                     // borderRadius: 3,
                                     padding: [10, 10]
@@ -879,7 +898,7 @@
                             position: 'inside',
                             formatter: fomatter_fn,
                             textStyle: {
-                            color: '#fff',
+                                color: 'black',
                                 fontSize: 50,
                             }
                         }
@@ -898,7 +917,7 @@
                             borderColor: '#ddd',
                             borderWidth: 1,
                             textStyle: {
-                            color: '#3c3c3c',
+                                color: 'black',
                                 fontSize: 50
                             },
                             extraCssText: 'box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)'
@@ -1069,7 +1088,7 @@
                             y: '0%',
                             data: ["财务", "村务", "党务", "居务", "政务"],
                             textStyle: {
-                            color: "#fff",
+                                color: 'black',
                                 fontSize: 50,
                             },
                             itemWidth: 10,
@@ -1368,4 +1387,5 @@
             var start = new apiFn()
             start.Init()
         })
+    })
 </script>

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>