mirror of
				https://gitee.com/vant-contrib/vant.git
				synced 2025-10-31 03:22:08 +08:00 
			
		
		
		
	
		
			
				
	
	
		
			62 lines
		
	
	
		
			988 B
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
			
		
		
	
	
			62 lines
		
	
	
		
			988 B
		
	
	
	
		
			Plaintext
		
	
	
	
	
	
| @import '../style/var';
 | |
| 
 | |
| .van-search {
 | |
|   display: flex;
 | |
|   padding: 10px 16px;
 | |
|   align-items: center;
 | |
|   box-sizing: border-box;
 | |
| 
 | |
|   &__content {
 | |
|     display: flex;
 | |
|     flex: 1;
 | |
|     background-color: @search-background-color;
 | |
|     border-radius: 2px;
 | |
|     padding-left: 10px;
 | |
| 
 | |
|     &--round {
 | |
|       border-radius: 17px;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   &__label {
 | |
|     font-size: 14px;
 | |
|     color: @text-color;
 | |
|     line-height: 34px;
 | |
|     padding: 0 5px;
 | |
|   }
 | |
| 
 | |
|   .van-cell {
 | |
|     flex: 1;
 | |
|     padding: 5px 10px 5px 0;
 | |
|     background-color: transparent;
 | |
| 
 | |
|     &__left-icon {
 | |
|       color: @gray-dark;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   &--show-action {
 | |
|     padding-right: 0;
 | |
|   }
 | |
| 
 | |
|   input {
 | |
|     &::-webkit-search-decoration,
 | |
|     &::-webkit-search-cancel-button,
 | |
|     &::-webkit-search-results-button,
 | |
|     &::-webkit-search-results-decoration {
 | |
|       display: none;
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   &__action {
 | |
|     padding: 0 10px;
 | |
|     font-size: 14px;
 | |
|     line-height: 34px;
 | |
|     color: @text-color;
 | |
| 
 | |
|     &:active {
 | |
|       background-color: @active-color;
 | |
|     }
 | |
|   }
 | |
| }
 |