searchBox.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*搜索 开始*/
  2. .tit_seabox{
  3. width: calc( 100% - 64rpx );
  4. background: #fff;
  5. height: 60rpx;
  6. padding:20rpx 32rpx;
  7. display: flex;
  8. align-items: center;
  9. overflow: hidden;
  10. }
  11. .tit_seabox_bar{
  12. width: calc( 100% - 32rpx );
  13. height: 60rpx;
  14. display: flex;
  15. align-items: center;
  16. border-radius: 30rpx;
  17. background: #DCDCDE;
  18. padding-left: 32rpx;
  19. }
  20. /*有权限添加活动*/
  21. .tit_seabox_bar.tit_seabox_add{
  22. width:calc( 100% - 122rpx );
  23. }
  24. /*开始搜索时*/
  25. .tit_seabox_bar.tit_start_search{
  26. width: calc( 100% - 102rpx );
  27. }
  28. /*开始搜索且有权限添加*/
  29. .tit_seabox_bar.tit_start_search.tit_seabox_add{
  30. width:calc( 100% - 192rpx );
  31. }
  32. .tit_seabox_bar icon{
  33. margin-right: 20rpx;
  34. }
  35. .tit_seabox input{
  36. height:60rpx;
  37. line-height:60rpx;
  38. font-size:28rpx;
  39. width:100%;
  40. margin-right:32rpx;
  41. }
  42. .activity_add{
  43. width:60rpx;
  44. text-align:right;
  45. border-left:4rpx solid #f2f2f2;
  46. margin-left:20rpx;
  47. }
  48. .activity_add image{
  49. width: 40rpx;
  50. height: 40rpx;
  51. }
  52. .activity_seabtn{
  53. font-size: 28rpx;
  54. width: 70rpx;
  55. text-align: right;
  56. }
  57. /*搜索 结束*/