hust-epi/whepi-ui/templates/home/qiuzhu.ftl

<div class="page__bd">
    <div class="weui-tab">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item_on" target="#qz_nav1" module="qiu_zhu">
                小区求助
            </a>
            <a class="weui-navbar__item" target="#qz_nav2" module="qiu_zhu">
                我的求助
            </a>
        </div>
        <div class="weui-tab__panel">
            <div id="qz_nav1" class="weui-tab__bd-item qiu_zhu_weui_tab_bd_item_active">
                <div id="notitle">
                    <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form" href="javascript:;">
                        <div class="weui-cell__bd">
                            <div class="weui-media-box weui-media-box_text" id="title">
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </div>
                        <div class="weui-cell__ft"></div>
                    </a>
                    <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="list" href="javascript:;">
                        <div class="weui-cell__bd">
                            <div class="weui-media-box weui-media-box_text" id="title">
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </div>
                        <div class="weui-cell__ft"></div>
                    </a>
                    <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="name" href="javascript:;">
                        <div class="weui-cell__bd">
                            <div class="weui-media-box weui-media-box_text" id="title2">
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </div>
                        <div class="weui-cell__ft"></div>
                    </a>
                    <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="age" href="javascript:;">
                        <div class="weui-cell__bd">
                            <div class="weui-media-box weui-media-box_text" id="title3">
                                <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</p>
                            </div>
                        </div>
                        <div class="weui-cell__ft"></div>
                    </a>
                </div>
                <div id="titlteZs" style="display: none">
                      <#include "/home/help.ftl" />
                </div>
            </div>



        <#--我的求助2-->
            <div id="qz_nav2" class="weui-tab__bd-item">
                <div id="notPlay">
                    <div class="weui-btn-area">
                        <a id="btnQZ" class="weui-btn weui-btn_primary" href="javascript:">发起求助</a>
                    </div>
                    <div class="weui-cell weui-cell_active weui-cell_switch">
                        <div class="weui-cell">
                            <div class="weui-cell__bd">
                                <input type="text" placeholder="搜素关键字"/>
                            </div>
                        </div>
                        <div class="weui-cell__ft">
                            <input class="weui-switch" type="checkbox">
                        </div>
                        <div class="weui-cell__bd">只显示未解决</div>
                    </div>
                    <div id="family">
                        <div class="weui-panel__bd">
                        <#--<div>
                            <div style="float: left">laug</div>
                            <div style="float: right">——2018/01/03 16:20发出</div>
                        </div>-->
                            <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form"
                               href="javascript:;">
                                <div class="weui-cell__bd">
                                    <div class="weui-media-box weui-media-box_text" id="title">
                                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。......</p>
                                    </div>
                                </div>
                                <div class="weui-cell__ft"></div>
                            </a>
                            <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form"
                               href="javascript:;">
                                <div class="weui-cell__bd">
                                    <div class="weui-media-box weui-media-box_text" id="title">
                                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。......</p>
                                    </div>
                                </div>
                                <div class="weui-cell__ft"></div>
                            </a>
                            <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form"
                               href="javascript:;">
                                <div class="weui-cell__bd">
                                    <div class="weui-media-box weui-media-box_text" id="title">
                                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。......</p>
                                    </div>
                                </div>
                                <div class="weui-cell__ft"></div>
                            </a>
                            <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form"
                               href="javascript:;">
                                <div class="weui-cell__bd">
                                    <div class="weui-media-box weui-media-box_text" id="title">
                                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。......</p>
                                    </div>
                                </div>
                                <div class="weui-cell__ft"></div>
                            </a>
                            <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form"
                               href="javascript:;">
                                <div class="weui-cell__bd">
                                    <div class="weui-media-box weui-media-box_text" id="title">
                                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。......</p>
                                    </div>
                                </div>
                                <div class="weui-cell__ft"></div>
                            </a>
                            <a class="weui-cell weui-cell_active weui-cell_access js_item" data-id="form"
                               href="javascript:;">
                                <div class="weui-cell__bd">
                                    <div class="weui-media-box weui-media-box_text" id="title">
                                        <p class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。......</p>
                                    </div>
                                </div>
                                <div class="weui-cell__ft"></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="play" style="display: none" class="weui-panel__bd"><#--发起求助的展示界面-->
                    <div class="weui-cells__group weui-cells__group_form">
                        <div class="weui-cells weui-cells_form">
                            <div class="weui-cell weui-cell_active" id="js_cell">
                                <div class="weui-cell__hd"><label class="weui-label">标题</label></div>
                                <div class="weui-cell__bd weui-flex">
                                    <input id="js_input" class="weui-input" autofocus="" type="text"
                                           placeholder="输入求助标题" maxlength="20">
                                <#-- <button id="js_input_clear" class="weui-btn_reset weui-btn_icon weui-btn_input-clear">
                                     <i class="weui-icon-clear"></i>
                                 </button>-->
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="weui-form__control-area">
                        <div class="weui-cells__group weui-cells__group_form">
                            <div class="weui-cells weui-cells_checkbox">
                                <label class="weui-cell weui-cell_active weui-check__label" for="s11">
                                    <div class="weui-cell__hd">
                                        <input type="checkbox" class="weui-check" name="checkbox1" id="s11">
                                        <i class="weui-icon-checked"></i>
                                    </div>
                                    <div class="weui-cell__bd">
                                        <p>居委会</p>
                                    </div>
                                </label>
                                <label class="weui-cell weui-cell_active weui-check__label" for="s12">
                                    <div class="weui-cell__hd">
                                        <input type="checkbox" name="checkbox2" class="weui-check" id="s12">
                                        <i class="weui-icon-checked"></i>
                                    </div>
                                    <div class="weui-cell__bd">
                                        <p>业委会</p>
                                    </div>
                                </label>
                                <label class="weui-cell weui-cell_active weui-check__label" for="s13">
                                    <div class="weui-cell__hd">
                                        <input type="checkbox" name="checkbox3" class="weui-check" id="s13">
                                        <i class="weui-icon-checked"></i>
                                    </div>
                                    <div class="weui-cell__bd">
                                        <p>物业</p>
                                    </div>
                                </label>
                                <label class="weui-cell weui-cell_active weui-check__label" for="s14">
                                    <div class="weui-cell__hd">
                                        <input type="checkbox" name="checkbox4" class="weui-check" id="s14">
                                        <i class="weui-icon-checked"></i>
                                    </div>
                                    <div class="weui-cell__bd">
                                        <p>志愿者</p>
                                    </div>
                                </label>
                            <#--<a href="javascript:void(0);" class="weui-cell weui-cell_active weui-cell_link">
                                <div class="weui-cell__bd">添加更多</div>
                            </a>-->
                            </div>
                        </div>
                        <div class="weui-cells weui-cells_form">
                            <div class="weui-cell ">
                                <div class="weui-cell__bd">
                                    <textarea class="weui-textarea" placeholder="请输入求助内容" rows="3"></textarea>
                                    <div class="weui-textarea-counter"><span>0</span>/200</div>
                                </div>
                            </div>
                            <div class="weui-btn-area">
                                <a class="weui-btn weui-btn_primary" href="javascript:">发起求助</a>
                            </div>
                        </div>
                    </div>

                </div>
                <div id="familyDisplay" style="display: none">
                     <#include "/home/help.ftl" />
                </div>
            </div>
        </div>
    </div>
</div>