Browse Source

fix:窗帘部分的bug修改

chenzhen2 1 year ago
parent
commit
c402a010e3

+ 17 - 19
src/views/envmonitor/components/Curtain/CurtainOpening.vue

@@ -57,7 +57,11 @@
         @click="openCurtainMain(3)"
         :class="activeIndex == 3 ? 'control-item-active' : ''"
       >
-        <img class="curtain-stop-icon" :src="parseImgUrl('page-officehome', 'curtain_stop.svg')" alt="" />
+        <img
+          class="curtain-stop-icon"
+          :src="parseImgUrl('page-officehome', 'curtain_stop.svg')"
+          alt=""
+        />
         <span class="title">暂停</span>
       </div>
 
@@ -122,7 +126,7 @@ export default defineComponent({
     let timeTemp: any = null;
     let curtainObj: any = {};
     let interval: any = {};
-    let curtainItem:any=''
+    let curtainItem: any = "";
     const proxyData = reactive({
       lampSw: false,
       itemWidth: "0%",
@@ -132,7 +136,7 @@ export default defineComponent({
       parseImgUrl: parseImgUrl,
       curtainObj: curtainObj,
       curtainData: props.curtainData,
-      curtainItem:curtainItem,
+      curtainItem: curtainItem,
       //亮度滑块滑动
       endBoxSwiper() {
         let handBox: any = document.querySelector("#curtainHandld1");
@@ -315,7 +319,7 @@ export default defineComponent({
         height: 14px;
         border-left: 1px solid #e1e5eb;
       }
-      .text-aper{
+      .text-aper {
         display: inline-block;
         vertical-align: middle;
         font-family: "Persagy";
@@ -331,7 +335,7 @@ export default defineComponent({
         background: #e8ecf0;
         border-radius: 25px;
         .item-now {
-          background: #ffe399;
+          background: rgba(206, 159, 39, 0.4);
           border-radius: 25px 0 0 25px;
         }
 
@@ -368,7 +372,7 @@ export default defineComponent({
         font-weight: 400;
         font-size: 14px;
         width: 32px;
-        line-height: 20px;
+        // line-height: 20px;
         text-align: right;
         color: #626c78;
       }
@@ -410,28 +414,22 @@ export default defineComponent({
         height: 24px;
         transform: translate(-50%, -50%);
       }
-      // .curtain-down-icon{
-      //   width: 18px;
-      //   height: 18px;
-      // }
-      // .curtain-stop-icon{
-      //   width: 14px;
-      //   height: 16px;
-      // }
-      // .curtain-up-icon{
-      //   width: 18px;
-      //   height: 18px;
+      &:active {
+        background: rgba(206, 159, 39, 0.4);
+      }
+      // &:hover {
+      //   background: rgba(206, 159, 39, 0.4);
       // }
       .title {
         position: absolute;
-        font-family: 'PingFang SC';
+        font-family: "PingFang SC";
         bottom: -28px !important;
         font-weight: 400;
         left: 13px !important;
         display: block;
         z-index: 333;
         font-size: 14px;
-        color: #626C78;
+        color: #626c78;
       }
     }
 

+ 3 - 0
src/views/envmonitor/components/Curtain/index.vue

@@ -530,6 +530,9 @@ export default defineComponent({
     &:active {
       background: rgba(206, 159, 39, 0.4);
     }
+    // &:hover {
+    //   background: rgba(206, 159, 39, 0.4);
+    // }
     img {
       position: absolute;
       width: 16px;