【fix】 fix 土地利用模板样式 review by songym

Author: liqian7

examples/component/components_demo_vue.html

@@ -151,7 +151,7 @@
                                     <div class="sm-progress-wrap">
                                         <sm-progress
                                             id="progress5"
-                                            size="80"
+                                            size="100"
                                             stroke-color="#b6a2de"
                                             percent="30"
                                             stroke-width="6"
@@ -164,7 +164,7 @@
                                     <div class="sm-progress-wrap">
                                         <sm-progress
                                             id="progress6"
-                                            size="80"
+                                            size="100"
                                             stroke-color="#5ab1ef"
                                             percent="50"
                                             stroke-width="6"
@@ -190,9 +190,9 @@
                                     <div class="sm-progress-wrap">
                                         <sm-progress
                                             id="progress7"
-                                            size="80"
+                                            size="100"
                                             stroke-color="#2ec7c9"
-                                            percent="20"
+                                            percent="60"
                                             stroke-width="6"
                                             type="circle"
                                         >
@@ -203,7 +203,7 @@
                                     <div class="sm-progress-wrap">
                                         <sm-progress
                                             id="progress8"
-                                            size="80"
+                                            size="100"
                                             stroke-color="#ffb980"
                                             percent="80"
                                             stroke-width="6"
@@ -339,8 +339,7 @@
                         },
                         titleFontStyle: {
                             fontFamily: "微软雅黑",
-                            fontWeight: "bolder",
-                            textAlign: "center"
+                            fontWeight: "bolder"
                         },
                         categoryFontStyle: {
                             fontFamily: "微软雅黑",
@@ -369,7 +368,7 @@
                 font-size: 1.8vw;
             }
             .title-text-wrap .sm-component-text {
-                display: block;
+                width: 100%;
                 font-size: 1.66vw;
                 line-height: 1.5;
             }
@@ -382,7 +381,7 @@
             }
 
             .block-title .sm-component-text {
-                display: block;
+                width: 100%;
                 font-size: 1.15vw;
                 line-height: 1.5;
             }
@@ -396,7 +395,7 @@
             }
 
             .monitor-wrap .monitor-text .sm-component-text {
-                display: block;
+                width: 100%;
                 font-size: 0.94vw;
                 line-height: 1.5;
             }
@@ -413,7 +412,7 @@
 
             .control-wrap .control-title .sm-component-text,
             .resource-wrap .resource-year .sm-component-text {
-                display: block;
+                width: 100%;
                 margin-bottom: 0.93vh;
                 font-size: 0.94vw;
             }
@@ -457,6 +456,7 @@
             .environment-wrap .environment-title .sm-component-text,
             .chart-wrap .chart-title .sm-component-icon,
             .chart-wrap .chart-title .sm-component-text {
+                width: auto;
                 display: inline-block;
                 vertical-align: middle;
             }