Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
wangyong
/
yuyue
1
0
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu kéo về 0 Wiki
Tree: 1d6c9fc29d
Branches Tags
yuyue
/
static
/
diycomponent
/
search
/
css
/
style.css

style.css 3.9 KB
Lịch sử Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 
  1. @CHARSET "UTF-8";
    2. 

  2. .draggable-element .top-search .preview-draggable .preview-box{padding: 10px 5px; margin: 0 15px;}
    3. 

  3. .top-search{}
    4. 

  4. .top-search .ns-margin-left{margin-left: 15px;}
    5. 

  5. .top-search .ns-margin-top{margin-top: 15px;}
    6. 

  6. .top-search .line{height:1px;background-color: #EEEEEE;width:100%;margin-left: 15px;}
    7. 

  7. 

  8. .top-search .search_h3{display: flex;justify-content: space-between;align-items: center;}
    9. 

  9. .top-search h3{padding: 5px 10px 10px 0;margin-top:25px}
    10. 

  10. 

  11. 

  12. .top-search .self-adaption{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);}
    13. 

  13. .top-search .left-img{position:absolute;left:10px;top:0;width:20px;height:44px;text-align:center;line-height:44px;}
    14. 

  14. .top-search .left-img img,.top-search .right-img img{max-width:100%;max-height: 100%;width: 100%;}
    15. 

  15. .top-search .top-search-form{display: flex;align-items: center;height: 38px;}
    16. 

  16. .top-search .top-search-form .logo{margin-top:-3px;width: 85px;height:38px;background-size: contain;background-repeat: no-repeat;background-position: center;margin-right: 10px;}
    17. 

  17. .top-search .top-search-form .top-search-box{flex:1;border-radius:3px;position:relative;height:38px;line-height:38px;overflow:hidden;margin-top: -3px; padding-left: 15px;}
    18. 

  18. .top-search .top-search-form .top-search-box .top-search-intro{line-height: 38px;}
    19. 

  19. .top-search .top-search-form .top-search-box .top-search-icon{display:block;position:absolute;width:30px;height:30px;right:6px;top:50%;margin-top:-15px;text-align: center;line-height: 30px;}
    20. 

  20. .top-search .top-search-form .top-search-box .top-search-icon i{font-size: 18px;}
    21. 

  21. .top-search .top-search-form .top-search-box input{border:0;outline:0;width:100%; padding: 0 15px; display:block;height:30px;}
    22. 

  22. .top-search .right-img{position:absolute;right:10px;top:0;width:20px;height:44px;text-align:center;line-height:44px;}
    23. 

  23. .top-search p.hint{font-size: 12px;color: #999;margin: 10px 10px 10px 98px;}
    24. 

  24. 

  25. .top-search .top-search-form .top-search-box.border-circle{border-radius: 38px;}
    26. 

  26. 

  27. .top-search .search_type{display: flex;margin-top: 10px;margin-left: 15px;cursor: pointer;}
    28. 

  28. .top-search .search_type>div{height:30px; line-height:30px; text-align: center;flex:1;text-align: center;border:1px solid #DCDEE2;border-right: 0;}
    29. 

  29. .top-search .search_type>div:last-child{border-right:1px solid #DCDEE2;}
    30. 

  30. .top-search .search_logo .edit-attribute .attr-wrap .restore-wrap .img-block.has-choose-image{width:50px !important;height:50px !important}
    31. 

  31. .top-search .search_logo{display: flex;margin-top: 30px;align-items: center;margin-left: 15px;}
    32. 

  32. .top-search .search_logo .desc{flex:1;}
    33. 

  33. .top-search .search_logo .desc .tip{color: #B2B2B2;font-size: 12px;line-height: 1.6;}
    34. 

  34. .top-search .search_logo .desc .spec{margin-top:10px;color:#FF6A00;font-size: 12px;}
    35. 

  35. .top-search .search_type .search_type_left.active{border:1px solid #FF6A00;color:#FF6A00 ;}
    36. 

  36. .top-search .search_type .search_type_left .icon_img{width:10px;height:10px}
    37. 

  37. .top-search .search_type .search_type_right:last-child.active{border:1px solid #FF6A00;color:#FF6A00 ;}
    38. 

  38. .top-search .flex{justify-content: space-between;display: flex;align-items: center;}
    39. 

  39. .top-search .flex .flex_left{display: flex;align-items: center;}
    40. 

  40. .top-search .flex .flex_left .curr_color{color:#303133}
    41. 

  41. .top-search .flex .flex_fill{flex:1;text-align: right;display: flex;justify-content: flex-end;align-items: center;}
    42. 

  42. .top-search .flex .flex_fill .flex_choose{display: flex;align-items: center;}
    43. 

  43. .top-search .flex .flex_fill .flex_choose>div{border:1px solid #EEEEEE;width:30px;height:23px;border-right: 0;line-height: 23px;text-align: center;cursor: pointer;}
    44. 

  44. .top-search .flex .flex_fill .flex_choose>div img{vertical-align: middle;}
    45. 

  45. .top-search .flex .flex_fill .flex_choose>div:last-child{border-right: 1px solid #EEEEEE;}
    46. 

  46. .top-search .flex .flex_fill .flex_choose>div.active{border:1px solid #FF6A00;background-color: rgba(255, 106, 0, 0.1);}
    47. 

  47. .search_style{
    48. 

  48. 	display: none;
    49. 

  49. }
    50. 

  50. 

  51. 

  52. /*.top-search .layui-btn.layui-btn-primary.sm {padding: 0 10px !important; margin-top: 0;}*/
    53.