Quellcode durchsuchen

style: "设备详细信息按钮"

Ritchie vor 1 Jahr
Ursprung
Commit
4c248c1a40
1 geänderte Dateien mit 25 neuen und 14 gelöschten Zeilen
  1. 25 14
      src/styles/device/index.less

+ 25 - 14
src/styles/device/index.less

@@ -10,7 +10,6 @@
     overflow-y: auto;
 
     .deviceBox1 {
-
       .searchRow {
         margin: 21px 15px;
 
@@ -21,7 +20,8 @@
           .outer4 {
             width: 16px;
             height: 16px;
-            background: url("../../assets/home/titleIcon.png") top center no-repeat;
+            background: url("../../assets/home/titleIcon.png") top center
+              no-repeat;
             background-size: 100%;
           }
 
@@ -155,7 +155,6 @@
           }
         }
       }
-
     }
 
     .deviceBox2 {
@@ -182,7 +181,6 @@
             }
 
             .txtBox {
-
               width: 200px;
               // overflow: auto;
 
@@ -212,7 +210,8 @@
               }
 
               &.deviceOn {
-                background: url("../../assets/device/powerOn.png") 100% no-repeat;
+                background: url("../../assets/device/powerOn.png") 100%
+                  no-repeat;
                 background-size: 100%;
               }
             }
@@ -260,7 +259,6 @@
                 text-overflow: ellipsis;
                 width: 100%;
                 font-size: 14px;
-
               }
 
               .word2 {
@@ -345,7 +343,7 @@
             }
 
             .editDeviceBtnCon {
-              color: #4d6add;
+              // color: #4d6add;
 
               .box2 {
                 width: 18px;
@@ -354,6 +352,15 @@
                 background-size: 100%;
                 margin-top: 2px;
               }
+
+              .c-text-14 {
+                display: inline-block; /* 将行内文本转为块级元素 */
+                padding: 4px 7px; /* 添加内边距 */
+                background-color: #df5e4c;
+                border-radius: 14px; /* 添加圆角效果 */
+                color: #fff; /* 设置文本颜色 */
+                cursor: pointer; /* 设置光标样式 */
+              }
             }
 
             .bd8 {
@@ -386,7 +393,8 @@
               .outer6 {
                 width: 18px;
                 height: 18px;
-                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng164fc6854bc0badab9c36f9e9751c42ceda02742fc5e78f7662ced4a0f76844c) 100% no-repeat;
+                background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng164fc6854bc0badab9c36f9e9751c42ceda02742fc5e78f7662ced4a0f76844c)
+                  100% no-repeat;
                 margin-left: 141px;
               }
             }
@@ -437,7 +445,8 @@
               .block1 {
                 width: 10px;
                 height: 4px;
-                background: url("../../assets/device/deviceSelect.png") 0px -1px no-repeat;
+                background: url("../../assets/device/deviceSelect.png") 0px -1px
+                  no-repeat;
                 margin-top: 7px;
               }
             }
@@ -479,13 +488,15 @@
               .section4 {
                 width: 22px;
                 height: 15px;
-                background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/be1271ed70774869b81ed2d5f43b6a44_mergeImage.png) 100% no-repeat;
+                background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/be1271ed70774869b81ed2d5f43b6a44_mergeImage.png)
+                  100% no-repeat;
                 margin: 3px 0 0 111px;
               }
 
               .section5 {
                 height: 18px;
-                background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/5723fcdad1574aef9e65c326de33d8b2_mergeImage.png) 100% no-repeat;
+                background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/5723fcdad1574aef9e65c326de33d8b2_mergeImage.png)
+                  100% no-repeat;
                 margin-left: 8px;
                 width: 18px;
 
@@ -535,7 +546,8 @@
             .group2 {
               width: 10px;
               height: 5px;
-              background: url("../../assets/device/deviceSelect.png") center no-repeat;
+              background: url("../../assets/device/deviceSelect.png") center
+                no-repeat;
               background-size: 100%;
 
               &.checkType {
@@ -553,7 +565,6 @@
   overflow: hidden;
   overflow-y: auto;
 
-
   .headerCon {
     .line {
       background-color: #8096ec;
@@ -580,4 +591,4 @@
 
 .van-dropdown-menu__title {
   color: #4d6add;
-}
+}