Merge pull request 'fix : select框样式修改' (#293) from dengjie into dev

Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/293

src/views/tunnel/index.vue

@@ -310,7 +310,7 @@ const handleView = (row) => {
       isDetailVisited.value = true
       alarmDetail.value = res.data
       if (roleKey.value !== 'administrator') {
-        if(!row.lookupStatus){
+        if (!row.lookupStatus) {
           handleChangeState(row)
         }
       }
@@ -733,6 +733,33 @@ const initWebSocket = () => {
     color: #FFFFFF;
   }
 
+  :deep(.el-select__wrapper.is-hovering) {
+    .el-select__suffix {
+      .el-icon {
+        font-size: 55px;
+      }
+    }
+  }
+
+  :deep(.el-select__wrapper) {
+    height: 70px;
+    line-height: 70px;
+    background-color: transparent;
+    border: 1px solid #08B7B8;
+    font-size: 35px;
+    width: 476px;
+
+    .el-select__placeholder {
+      height: 70px;
+      line-height: 70px;
+    }
+
+    .el-select__placeholder.is-transparent {
+      height: 70px;
+      line-height: 70px;
+    }
+  }
+
   :deep(.el-form-item__content) {
     .el-select__popper {
       margin-top: -12px !important;
@@ -781,7 +808,7 @@ const initWebSocket = () => {
 
         .el-input__suffix-inner {
           .el-icon {
-            font-size: 40px;
+            font-size: 55px;
           }
         }
       }
@@ -888,6 +915,22 @@ const initWebSocket = () => {
   font-size: 38px;
   font-weight: bold;
 
+  :deep(.el-pagination.is-background ) {
+    .btn-next {
+      background-color: transparent;
+    }
+
+    .el-pager {
+      li {
+        margin: 0 0 0 40px;
+      }
+
+      li.is-active {
+        background-color: #60DDDE;
+      }
+    }
+  }
+
   > span:first-child {
     margin-right: 60px;
   }
@@ -924,7 +967,7 @@ const initWebSocket = () => {
   }
 
   :deep(.el-pager li) {
-    margin-left: 40px;
+    margin-left: 40px !important;
   }
 
   :deep(.el-pager li:not(.is-active) ) {

src/views/user/index.vue

@@ -346,6 +346,13 @@ const handleSelect = async (selection, row) => {
 </script>
 <style lang="scss">
 .user-select {
+  .el-select__wrapper.is-hovering {
+    .el-select__suffix {
+      .el-icon {
+        font-size: 40px;
+      }
+    }
+  }
   .el-select__wrapper {
     min-height: 75px;
     height: auto !important;