Browse Source

chore: 修改样式文件

TwoKe945 1 year ago
parent
commit
96bcd22004

+ 1 - 1
app/src/App.vue

@@ -5,7 +5,7 @@ import ScaleBox from "vue2-scale-box";
 <template>
   <ScaleBox :width="1920" :height="1080" bgc="transparent" :delay="100">
     <router-view />
-  </ScaleBox>
+  </ScaleBox >
 </template>
 
 <style scoped>

+ 3 - 3
app/src/assets/css/main.css

@@ -2,11 +2,11 @@
 
 @font-face {
   font-family: 'abel';/*声明一个名为iconfont的字体变量*/
-  src: url('./fonts/Abel-Regular.ttf') format('truetype');
+  src: url('../fonts/Abel-Regular.ttf') format('truetype');
 }
 @font-face {
   font-family: 'YouSheBiaoTiHei';/*声明一个名为iconfont的字体变量*/
-  src: url('./fonts/YouSheBiaoTiHei.ttf') format('truetype');
+  src: url('../fonts/YouSheBiaoTiHei.ttf') format('truetype');
 }
 
 html,body {
@@ -14,7 +14,7 @@ html,body {
   width: 100vw;
   font-family: 'abel';
   color: #fff;
-  background: url("../../src/assets/images/homebg.png") center no-repeat;
+  background: url("@/assets/images/homebg.png") center no-repeat;
   background-size: 100% 100%;
   background-color: #000;
 }

+ 1 - 1
app/src/components/HiddenDangerTotal.vue

@@ -31,7 +31,7 @@ export default {
 
 <style scoped lang='less'>
 .hidden-danger-total {
-  background: url('../assets/bg003.svg') center no-repeat;
+  background: url('../assets/images/bg003.svg') center no-repeat;
   width: 166px;
   height: 35px;
   display: flex;

+ 2 - 2
app/src/components/RiskWarning.vue

@@ -60,6 +60,7 @@ export default {
             avoidLabelOverlap: false,
             label: {
               normal: {
+                color: '#fff',
                 show: true,
                 position: "outside",
                 formatter: (params) => {
@@ -85,8 +86,7 @@ export default {
                 show: false,
                 textStyle: {
                   fontSize: 14,
-                  color: "#fff",
-                  // fontWeight: 'bold'
+                  color: "#fff"
                 },
               },
             },

+ 1 - 4
app/src/views/Home/components/BasicInfo.vue

@@ -18,7 +18,7 @@ export default {
         <FirstHight />
       </div>
       <div class="__bottom">
-        <div class="governance">治理重点</div>
+        <linear-text startColor="#00D1FF" endColor="#00FFE088" text="治理重点" fontSize="12px" />
         <BasicTotal number="1326" label="超高层" unit="栋"/>
         <BasicTotal number="926" label="老旧" unit="栋"/>
         <BasicTotal number="1273" label="混合体" unit="栋"/>
@@ -39,8 +39,5 @@ export default {
     margin-top: 20px;
     font-size: 14px;
   }
-  .governance{
-    color: aqua;
-  }
 }
 </style>

+ 6 - 15
app/src/views/Home/components/RiskWarning.vue

@@ -17,20 +17,18 @@ export default {
   },
   mounted() {
     const chartDom = this.$refs.chart;
-    //   // 初始化图表实例
+    // 初始化图表实例
     this.chart = echarts.init(chartDom);
     this.initChart();
-    // setTimeout(startTimer, 500);
   },
   methods: {
     initChart(data) {
       const option = {
-        // backgroundColor: '#043e9e',
         tooltip: {
           trigger: "item",
-          axisPointer: {
-            type: "shadow",
-          },
+          // axisPointer: {
+          //   type: "shadow",
+          // },
           textStyle: {
             fontSize: 12,
           },
@@ -41,7 +39,6 @@ export default {
           x: "29%",
           y: "center",
           textStyle: {
-            // width:50,
             color: "#fff",
             fontSize: 12,
           },
@@ -56,8 +53,6 @@ export default {
           orient: "vertical",
           textStyle: {
             color: "#fff",
-            // fontStyle: 'normal',
-            // fontFamily: 'songti',
             fontSize: 14,
           },
           data: ["高风险", "一般风险", "较高风险", "低风险"],
@@ -73,6 +68,7 @@ export default {
             avoidLabelOverlap: false,
             label: {
               normal: {
+                color: '#fff',
                 show: true,
                 position: "outside",
                 formatter: (params) => {
@@ -87,8 +83,6 @@ export default {
                   },
                   c: {
                     fontSize: 14,
-                    // fontWeight:'bold',
-
                     align: "right",
                     padding: [2, 0],
                   },
@@ -98,8 +92,7 @@ export default {
                 show: false,
                 textStyle: {
                   fontSize: 14,
-                  color: "#fff",
-                  // fontWeight: 'bold'
+                  color: "#fff"
                 },
               },
             },
@@ -159,7 +152,6 @@ export default {
       for (var i = 0; i < 200; i++) {
         if (i % 2 === 0) {
           dataArr.push({
-            //name: (i + 1).toString(),
             value: 25,
             itemStyle: {
               normal: {
@@ -171,7 +163,6 @@ export default {
           });
         } else {
           dataArr.push({
-            //name: (i + 1).toString(),
             value: 20,
             itemStyle: {
               normal: {