提交

1

src/components/searchInput/index.module.less

@@ -13,12 +13,13 @@
   border-radius: 30px;
   overflow: hidden;
   cursor: pointer;
-&:hover {
-  box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.1000);
-  .searchline,.searchBtn{
-    visibility: visible;
+  &:hover {
+    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
+    .searchline,
+    .searchBtn {
+      visibility: visible;
+    }
   }
-}
   .selectWrap {
     :global {
       .el-input__wrapper {
@@ -28,6 +29,25 @@
         line-height: 60px;
         height: 60px;
         position: relative;
+        &:hover{
+          .el-input__suffix-inner{
+            position: relative;
+            .el-select__caret {
+              //箭头样式
+
+              // transform: rotateZ(0deg); //转动图片
+              appearance: none;
+              background: url('@{img}/closeIcon.png') no-repeat;; //自定义图片
+              background-size: 16px 16px;
+              // width: 16px;
+              // height: 16px !important;
+              // position: absolute; //图片定位
+              top: -1px;
+              right: -1px;
+
+            }
+          }
+        }
       }
       .el-input__wrapper.is-focus {
         // font-size: 16px;
@@ -68,7 +88,7 @@
       .el-icon svg {
         //隐藏原来箭头
 
-        // display: none;
+        display: none;
       }
       .el-select .el-input.is-focus .el-input__wrapper {
         font-size: 16px;
@@ -114,7 +134,6 @@
   .inputSelect {
     width: 600px;
     :global {
-
       .el-input__wrapper {
         width: 600px;
         padding-right: 0;
@@ -215,9 +234,8 @@
     cursor: pointer;
     visibility: hidden;
     &:active {
-      opacity: .9;
+      opacity: 0.9;
     }
-
   }
   .searchline {
     visibility: hidden;