task9暂存

Posted 2020-08-08 放风筝的小小马

<div class="search">
                   <div class="column-1">
                        <span>查询项</span>
                        <form>
                            <select name="item">
                                <option value="item-1">第一项</option>
                                <option value="item-2">第二项</option>
                                <option value="item-3">第三项</option>
                            </select>
                        </form>
                    </div> 
                    <div class="column-2">
                       <div class="row-1">
                           <span>买方</span>
                           <form>
                               <select name="name">
                                   <option value="A">小A</option>
                                   <option value="B">小B</option>
                                   <option value="C">小C</option>
                               </select>
                           </form>
                       </div>
                       <div class="row-2">
                           <span>卖方</span>
                           <form>
                               <select name="name">
                                   <option value="A">小A</option>
                                   <option value="B">小B</option>
                                   <option value="C">小C</option>
                               </select>
                           </form>
                       </div>
                       <img src="img/change.png">
                   </div>
                  <div class="column-3">
                       <div class="row-1">
                            <div class="row-1-1">
                                <span>日期</span>
                                <input type="date" />
                            </div>
                            <<div class="row-1-2">
                                <span>总耗时</span>
                                <form>
                                    <select name="day">
                                        <option value="1">1天</option>
                                        <option value="8">8天</option>
                                    </select>
                                </form>
                            </div>
                       </div>
                       <div class="row-2">
                           <div class="row-2-1">
                               <span>人数</span>
                               <form>
                                   <select name="person">
                                       <option value="1">1人</option>
                                       <option value="10">10人</option>
                                   </select>
                               </form>
                           </div>
                           <div class="row-2-2">
                               <span>成交项</span>
                               <select name="item">
                                   <option value="1">1项</option>
                                   <option value="10">10项</option>
                               </select>
                           </div>
                       </div>
                   </div>
                  <button>搜索</button>
                </div>
                <div class="search-result">
                    <img class = left src="left-arrow.png" /> 
                    <ul>
                        <li class="column-1 select"></li>
                        <li class="column-2"></li>
                        <li class="column-2"></li>
                        <li class="column-2"></li>
                        <li class="column-2"></li>
                        <li class="column-2"></li>
                    </ul>
                    <img class = right src="right-arrow.png" /> 
                    <span class="history"><img src="img/history.png" /></span>
                </div>
                <div class="statics-chart">
                    <p>2016年4月份统计</p>
                    <div>
                        <div class="column-1">
                            <div class="data">
                                <span>133311</span>
                                <span>成交量</span>
                            </div>
                            <span></span>
                        </div>
                        <div class="column-2">
                            <div class="data">
                                <span>133311</span>
                                <span>成交量</span>
                            </div>
                            <span></span>
                        </div>
                        <div class="column-3">
                            <div class="data">
                                <span>133311</span>
                                <span>成交量</span>
                            </div>
                            <span></span>
                        </div>
                        <div class="column-4">
                            <div class="data">
                                <span>133311</span>
                                <span>成交量</span>
                            </div>
                            <span></span>
                        </div>
                    </div>
                </div>