修改移动端样式

nngkxxdp/src/main/resources/static/natj/dataCenter/css/index.css

@@ -62,8 +62,6 @@
 .content .year select {
     width: 125px;
     height: 34px;
-    /*在选择框的最右侧中间显示小箭头图片*/
-    background: url(../images/arrow.png) no-repeat scroll 100px center transparent;
     border: 1px solid #D5D5D5;
     border-radius: 4px;
     text-align: center;

nngkxxdp/src/main/resources/static/natj/dataCenter/css/indexMbile.css

@@ -68,8 +68,6 @@
 .content .year select {
     width: 125px;
     height: 34px;
-    /*在选择框的最右侧中间显示小箭头图片*/
-    background: url(../images/arrow.png) no-repeat scroll right center transparent;
     border: 1px solid #D5D5D5;
     border-radius: 4px;
     text-align: center;
@@ -91,23 +89,23 @@ select {
 /* 社会保障 */
 .div-shbz .itemData {
     display: flex;
-    flex-wrap: wrap;
-    justify-content: space-around;
+    flex-wrap: wrap;    
+    justify-content: space-evenly;
 }
 
 .div-shbz .itemData li {
-    width: 203px;
-    height: 80px;
+    width: 176px;
+    height: 72px;
     background: #F0F0F0;
     border-radius: 10px;
     display: flex;
     align-items: center;
-    font-size: 14px;
+    font-size: 12px;
     color: #333333;
     margin-top: 19px;
 }
 .div-shbz .itemData li img{
-    width: 80px;
+    width: 70px;
 }
 
 .div-shbz .itemData li .right .bottom {
@@ -135,6 +133,7 @@ select {
     display: flex;
     font-size: 14px;
     color: #FFFFFF;
+    margin: 0 5px;
 }
 
 .div-shbz .shbzTablem .title li,
@@ -172,7 +171,7 @@ select {
     font-size: 18px;
     font-family: Microsoft YaHei;
     color: #FFFFFF;
-    margin-left: 10px;
+    margin: 0 5px;
 }
 
 .div-whwl .wsylTable .title li,
@@ -232,14 +231,16 @@ select {
     align-items: center;
 }
 .div-wsyl .cont .detail {
-    width: 338px;
+    width: 88%;
     border-radius: 10px;
     background-size: 100% 100%;
     padding: 30px 15px;
     box-sizing: border-box;
     margin-bottom: -15px;
 }
-
+.div-wsyl .cont img{
+    width: 99%;
+}
 .div-wsyl .cont .list li {
     display: flex;
     align-items: center;

nngkxxdp/src/main/resources/static/natj/dataCenter/index.html

@@ -46,11 +46,13 @@
             </ul>
         </div>
         <div class="content">
-            <div class="year"><span>年份：</span>
+            <div class="year" style="position: relative;">
+                <span>年份：</span>
                 <select id="year">
                     <option value="2021">2021年</option>
                     <option value="2022">2022年</option>
                 </select>
+                <img src="images/arrow.png" alt="" style="position: absolute;right: 44%;">
             </div>
             <div class="items div-shbz">
                 <ul class="itemData">

nngkxxdp/src/main/resources/static/natj/dataCenter/indexMobile.html

@@ -29,32 +29,34 @@
                 <li data-name="shbz" style="margin-top: -4px;">
                     <div class="list">
                         <img src="images/menu_shbz.png" alt="" style="width: 22px;height: 21px;"
-                             data-name="shbz"><span>社会保障</span>
+                            data-name="shbz"><span>社会保障</span>
                     </div>
                 </li>
                 <li data-name="whlx">
                     <div class="list"><img src="images/menu_whlx.png" alt="" style="width: 17px;height: 21px;"
-                                           data-name="whlx"><span>文化旅游</span>
+                            data-name="whlx"><span>文化旅游</span>
                     </div>
                 </li>
                 <li data-name="wsyl">
                     <div class="list"><img src="images/menu_wsyl.png" alt="" style="width: 25px;height: 24px;"
-                                           data-name="wsyl"><span>卫生医疗</span>
+                            data-name="wsyl"><span>卫生医疗</span>
                     </div>
                 </li>
                 <li data-name="shjz">
                     <div class="list"><img src="images/menu_shjz.png" alt="" style="width: 26px;height: 22px;"
-                                           data-name="shjz"><span>社会救助</span>
+                            data-name="shjz"><span>社会救助</span>
                     </div>
                 </li>
             </ul>
         </div>
         <div class="content">
-            <div class="year"><span>年份：</span>
+            <div class="year" style="position: relative;">
+                <span>年份：</span>
                 <select id="year">
                     <option value="2021">2021年</option>
                     <option value="2022">2022年</option>
                 </select>
+                <img src="images/arrow.png" alt="" style="position: absolute;right: 107px;">
             </div>
             <div class="items div-shbz" style="display: none;">
                 <ul class="itemData">
@@ -147,7 +149,7 @@
             <div class="items div-whwl" style="display: none;">
                 <div class="range">
                     <button class="thisMonth click" style="border-radius: 4px 0px 0px 4px;border-right: none;"
-                            onlick="thisMonth()">本月</button>
+                        onlick="thisMonth()">本月</button>
                     <button class="cumulat" style="border-radius: 0px 4px 4px 0px;border-left: none;">累计</button>
                 </div>
                 <div class="wsylTable">

nngkxxdp/src/main/resources/static/natj/dataCenter/js/socialAssistance.js

@@ -95,7 +95,8 @@ function socialAssistance() {
                 show: true,
                 textStyle: {
                     color: '#333',  //更改坐标轴文字颜色
-                    fontSize: 14      //更改坐标轴文字大小
+                    fontSize: 14,      //更改坐标轴文字大小
+                    fontWeight: 'bold'
                 }
             }
         },
@@ -155,14 +156,14 @@ function socialAssistance() {
         {
             type: 'bar',
             itemStyle: {
-                color: '#4DC4E7'
+                color: '#FA8A46'
             }
         },
         {
             type: 'bar',
             yAxisIndex: 1,
             itemStyle: {
-                color: '#FA8A46'
+                color: '#4DC4E7'
             }
         },
         ]
@@ -286,14 +287,14 @@ function socialAssistance() {
                 {
                     type: 'bar',
                     itemStyle: {
-                        color: '#4DC4E7'
+                        color: '#FA8A46'
                     }
                 },
                 {
                     type: 'bar',
                     yAxisIndex: 1,
                     itemStyle: {
-                        color: '#FA8A46'
+                        color: '#4DC4E7'
                     }
                 },
                 ]
@@ -416,14 +417,14 @@ function socialAssistance() {
                 {
                     type: 'bar',
                     itemStyle: {
-                        color: '#4DC4E7'
+                        color: '#FA8A46'
                     }
                 },
                 {
                     type: 'bar',
                     yAxisIndex: 1,
                     itemStyle: {
-                        color: '#FA8A46'
+                        color: '#4DC4E7'
                     }
                 },
                 ]