Jelajahi Sumber

样式修改

zhaojijng 3 tahun lalu
induk
melakukan
8aa3ebd647

+ 2 - 2
src/assets/css/common.less

@@ -4,8 +4,8 @@
     margin: 0 auto 20px;
     box-sizing: border-box;
     border-radius: 20px;
-    border: 2px solid #ffffff;
-    background: #ffffff;
+    border: 1px solid #ffffff;
+    background:rgba(255,255,255,0.8);
     font-size: 24px;
     .head-title {
         font-size: 20px;

+ 4 - 0
src/views/valueDelivery/AirSwitchVer.vue

@@ -121,7 +121,9 @@ export default {
                 height: 40px;
                 align-items: center;
                 margin-top: 14px;
+                color: #575271;
                 .air-rate-value {
+                    color: #3b3558;
                     font-size: 32px;
                     padding-left: 8px;
                 }
@@ -129,9 +131,11 @@ export default {
         }
         .air-bg {
             flex: 1;
+            padding-top: 6px;
             img {
                 width: 240px;
             }
+            
         }
     }
 }

+ 9 - 2
src/views/valueDelivery/FloorSpace.vue

@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="floorCont">
         <div class="topChange">
             <div class="allIndicator">
                 <div
@@ -169,7 +169,7 @@ export default {
                         }
                     }
                     this.getTimeFloorParam();
-                }, 2000);
+                }, 200000);
             });
         },
         queryFs() {
@@ -322,11 +322,16 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+.floorCont {
+    border-radius: 16px;
+    overflow: hidden;
+}
 .topChange {
     height: 194px;
     // width: 1000px;
     margin: 0 auto;
     background: #ffffff;
+
     .allIndicator {
         padding-top: 32px;
         padding-bottom: 20px;
@@ -375,6 +380,8 @@ export default {
     // width: 1000px;
     margin: 0 auto;
     background: #ffffff;
+    padding-right: 16px;
+    box-sizing: border-box;
     .floor-item {
         display: flex;
         padding: 18px 0;

+ 6 - 2
src/views/valueDelivery/HorAirSwitch.vue

@@ -6,7 +6,7 @@
         <div class="air-status" v-bind:class="{ close: !airStatus }">
             <span>{{ airStatus ? "空调已开启" : "空调已关闭" }}</span>
         </div>
-        <div class="air-bg">
+        <div class="air-bg" v-bind:class="{close: !airStatus}">
             <img :src="[airStatus ? img.openImg : img.closeImg]" />
         </div>
         <div class="air-rate">
@@ -96,17 +96,21 @@ export default {
         height: 250px;
         box-sizing: border-box;
         text-align: center;
+        &.close{
+            padding-top:41px;
+        }
     }
     .air-rate {
         font-weight: 400;
         line-height: 20px;
         color: #575271;
+        font-size:14px;
         .air-rate-value {
             color: #3b3558;
             font-family: Persagy;
             font-size: 20px;
             font-weight: 700;
-            line-height: 24px;
+            padding-left:5px;
         }
     }
 }

+ 8 - 1
src/views/valueDelivery/HorFloorSpace.vue

@@ -144,7 +144,7 @@ export default {
             var _this = this;
             this.queryParam(floorparam).then(() => {
                 var timeoutsign = setTimeout(() => {
-                    _this.nowIndicatorIndex = _this.nowIndicatorIndex + 1;
+                    _this.nowIndicatorIndex = _this.nowIndicatorIndex + 1;//
                     if (_this.nowIndicatorIndex == 5) {
                         //debugger;
                          if (_this.pageNum == _this.nowPage) {
@@ -329,6 +329,7 @@ export default {
     width: 100%;
     // height: 910px;
     display: flex;
+   
 }
 .leftChange {
     height: 100%;
@@ -336,6 +337,8 @@ export default {
     margin: 0 auto;
     min-height: 700px;
     background: #ffffff;
+    border-top-left-radius: 16px;
+    border-bottom-left-radius: 16px;
     .allIndicator {
         padding-top: 32px;
         padding-bottom: 20px;
@@ -423,6 +426,10 @@ export default {
     flex: 1;
     margin: 0 auto;
     background: #ffffff;
+    border-top-right-radius: 16px;
+    border-bottom-right-radius: 16px;
+    padding-right:20px;
+    box-sizing: border-box;
     .floor-item {
         display: flex;
         padding: 18px 0;

+ 9 - 3
src/views/valueDelivery/LastMonthData.vue

@@ -98,7 +98,7 @@ export default {
         },
     },
     destroyed() {
-       // console.log("lastMonthData---destroyed");
+        // console.log("lastMonthData---destroyed");
     },
     computed: {
         ...mapState({
@@ -248,8 +248,13 @@ export default {
                 margin-right: 8px;
             }
         }
-        .min {
-            padding-top: 8px;
+        .item-content-right {
+            font-size: 14px;
+            white-space: nowrap;
+            color:#575271;
+            .min {
+                padding-top: 8px;
+            }
         }
     }
 }
@@ -266,6 +271,7 @@ export default {
             // justify-content: center;
             .item-content-right {
                 font-size: 14px;
+                white-space: nowrap;
             }
         }
     }

+ 2 - 1
src/views/valueDelivery/NowData.vue

@@ -112,7 +112,7 @@ export default {
                     },
                     {
                         id: "co2",
-                        name: "CO2",
+                        name: "CO",
                         code: "CO2",
                         img: icon_CO2,
                         // value: 2399,
@@ -218,6 +218,7 @@ export default {
                 font-size: 24px;
                 font-weight: 400;
                 line-height: 34px;
+                color:#575271;
             }
         }
     }

+ 4 - 1
src/views/valueDelivery/TemChart.vue

@@ -40,6 +40,9 @@ export default {
     created() {},
     mounted() {
         //console.log("temchart--mounted");
+        window.onresize = () => {
+            console.log("resize");
+        };
     },
     data() {
         return {
@@ -204,7 +207,7 @@ export default {
                 <div style='font-size:13px;font-weight:600;'><span style='margin-right:5px'>${timestr}</span>${
                 lastpoint.time
             }</div>
-                <div style='font-size:15px;font-weight:600;'>室内温度:${lastpoint.temp.toFixed(
+                <div style='font-size:16px;font-weight:600;'>室内温度:${lastpoint.temp.toFixed(
                     1
                 )}℃</div></div>`;
             chart.guide().html({

+ 5 - 1
src/views/valueDelivery/lastEnergyChart.vue

@@ -222,7 +222,11 @@ export default {
                 },
                 tickLine: null,
             });
-            chart.axis("value", false);
+            chart.axis("value", {
+                line: null,
+                tickline:null,
+                label:null
+            });
 
             chart.legend(false);
 

+ 14 - 5
src/views/valueDelivery/lastSaveEnergy.vue

@@ -10,8 +10,11 @@
             <img src="@/assets/save_energy.png" />
             <div class="showData">
                 <div class="leftsave">
-                    节约电<br /><span>{{ lastAllEnergy.energySaving }}</span
-                    >度
+                    <div class="firstline">节约电</div>
+                    <div class="secondline">
+                        <span class="value">{{ lastAllEnergy.energySaving }}</span
+                        ><span class="unit">度</span>
+                    </div>
                 </div>
                 <div class="equalTo">相当于</div>
                 <div class="rightCont">
@@ -87,16 +90,18 @@ export default {
                 // left: 12px;
                 // top: 160px;
                 color: #fff;
-                width: 25%;
+                width: 26%;
                 height: 100%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
                 float: left;
+                flex-direction: column;
+                font-size:24px;
                 // width: 210px;
                 // line-height: 34px;
                 // text-align: center;
-                span {
+                .value {
                     font-size: 32px;
                 }
             }
@@ -106,11 +111,12 @@ export default {
                 // top: 186px;
                 float: left;
                 font-size: 20px;
-                width: 10%;
+                width: 12%;
                 height: 100%;
                 display: flex;
                 align-items: center;
                 justify-content: center;
+                white-space: nowrap;
             }
             .rightCont {
                 position: relative;
@@ -127,6 +133,7 @@ export default {
                     height: 22%;
                     display: flex;
                     align-items: center;
+                    white-space: nowrap;
                     // justify-content: center;
                 }
                 .saveCarbon {
@@ -136,6 +143,7 @@ export default {
                     height: 30%;
                     display: flex;
                     align-items: center;
+                    white-space: nowrap;
                     //justify-content: center;
                 }
                 .plantTree {
@@ -145,6 +153,7 @@ export default {
                     height: 25%;
                     display: flex;
                     align-items: center;
+                    white-space: nowrap;
                     //  justify-content: center;
                 }
             }

+ 2 - 2
src/views/verticalScreen.vue

@@ -69,8 +69,8 @@ export default {
         };
     },
     mounted() {
-        this.nowPage = 1;
-        this.timePageShow();
+        this.nowPage = 2;
+       // this.timePageShow();
     },
     destroyed() {
         clearInterval(this.verticalInterval);