/* 横向滚动条 */ .horizontalScrollView ::-webkit-scrollbar{ display: none; width: 0; height: 0; } /* 检索部分 */ .columnFlex{ width: 100%; height: 100%; display: flex; flex-direction: column; box-sizing: border-box; } .headerView{ padding: 10px 0; flex-basis: 40px; } .searchBox .searchView{ position: relative; } .searchBox .searchInput{ display: flex; flex-direction: row; } .searchBox .searchInput .input{ border-radius: 20px; padding: 7px 13px 7px 13px; flex: 1; } .searchBox .searchInput .filter{ flex-basis: 32px; display: flex; align-items: center; justify-content: flex-end; } .headerViewFixed{ position: fixed; left: 14px; top: 0; z-index: 100; width: calc(100% - 28px); } .flexBox{ flex: 1; } .scrollView{ height: 100%; } /* 加载更多部分 */ .noData{ margin: 50% auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .noData .imgView .img{ width: 180px; height: 138px; } .noData .text{ margin-top: 10px; } .loadBox{ display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .loadBox .text{ margin-left: 8px; } .loadBox .icon{ animation: spin 0.6s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } /* picker 下啦选择 */ .pickerBom{ display: flex; align-items: center; justify-content: space-between; }