hust-epi/whepi-ui/templates/yeweihui/tuangou.ftl

<div class="page__bd">
    <header class="demos-header">
        <h1 class="demos-title">团购</h1>
    </header>
    <div class="weui-tab">
        <div class="weui-navbar">
            <a class="weui-navbar__item weui-bar__item_on" target="#tg_nav1" module="tuan_gou">
                组织团购
            </a>
            <a class="weui-navbar__item" target="#tg_nav2" module="tuan_gou">
                我的发布
            </a>
        </div>
        <div class="weui-tab__panel content">
            <div id="tg_nav1" class="weui-tab__bd-item tuan_gou_weui_tab_bd_item_active">

                <div class="weui-btn-area"  style="display: flex; flex-direction: row; justify-content: space-between;">
                    <div style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 70vw;">
                        <input id="tg_searchNum1" class="weui-input" placeholder="请输入团购标题" style="background-color: #d1d1d1; height: 5vh;" />
                    </div>
                    <a id="tg_btnQZ1" class="weui-btn_primary" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 10px;" href="javascript:">
                        <div style="width: 20vw; height: 5vh;line-height:5vh; text-align: center; color: white">查询</div>
                    </a>
                </div>
                <div class="weui-btn-area">
                    <a id="tg_publish" class="weui-btn weui-btn_primary">
                        发布新团购
                    </a>
                </div>
                <div class="weui-panel weui-panel_access">
                    <div style="display: flex; flex-direction: row; color: grey; font-size: medium; line-height: 7vh;">
                        <div style="width: 40%; text-align: center;padding-left:3vw;">标题</div>
                        <div style="width: 15%; text-align: center;">已团</div>
                        <div style="width: 30%; text-align: center;">截止时间</div>
                        <div style="width: 15%; text-align: center;">状态</div>
                    </div>
                    <div id="tg_list1" class="weui-panel__bd">
<#--                        <a href="javascript:void(0);" style="color: grey;">-->
<#--                            <div style="display: flex; flex-direction: row; text-align: center; font-size: small; line-height: 5vh;">-->
<#--                            <div style="width: 40%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">蔬菜套餐，猪肉牛肉金针菇等</div>-->
<#--                            <div style="width: 15%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">24/100</div>-->
<#--                            <div style="width: 30%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">02/02 14:30</div>-->
<#--                            <div style="width: 15%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">在团</div>-->
<#--                        </div>-->
<#--                        </a>-->
<#--                        <a href="javascript:void(0);" style="color: grey;">-->
<#--                            <div style="display: flex; flex-direction: row; text-align: center; font-size: small; line-height: 5vh;">-->
<#--                                <div style="width: 40%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">蔬菜套餐，猪肉牛肉金针菇等</div>-->
<#--                                <div style="width: 15%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">24/100</div>-->
<#--                                <div style="width: 30%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">02/02 14:30</div>-->
<#--                                <div style="width: 15%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">在团</div>-->
<#--                            </div>-->
<#--                        </a>-->
                        <div class="weui-loadmore weui-loadmore_line">
                            <span class="weui-loadmore__tips">暂无数据</span>
                        </div>
                    </div>
                    <div style="line-height: 55px;">
                        <br>
                    </div>
                </div>
            </div>
            <div id="tg_nav2" class="weui-tab__bd-item">

                <div class="weui-btn-area"  style="display: flex; flex-direction: row; justify-content: space-between;">
                    <div style="display: flex; flex-direction: row; align-items: center; justify-content: space-between;width: 70vw;">
                        <input id="tg_searchNum2" class="weui-input" placeholder="请输入团购标题" style="background-color: #d1d1d1; height: 5vh;" />
                    </div>
                    <a id="tg_btnQZ2" class="weui-btn_primary" style="border: 1px solid rgba(0,0,0,.2);box-sizing:border-box; border-radius: 10px;" href="javascript:">
                        <div style="width: 20vw; height: 5vh;line-height:5vh; text-align: center; color: white">查询</div>
                    </a>
                </div>
                <div class="weui-btn-area">
                    <a id="tg_publish2" class="weui-btn weui-btn_primary">
                        发布新团购
                    </a>
                </div>
                <div class="weui-panel weui-panel_access">
                    <div style="display: flex; flex-direction: row; color: grey; font-size: medium; line-height: 7vh;">
                        <div style="width: 40%; text-align: center;padding-left:3vw;">标题</div>
                        <div style="width: 15%; text-align: center;">已团</div>
                        <div style="width: 30%; text-align: center;">截止时间</div>
                        <div style="width: 15%; text-align: center;">状态</div>
                    </div>
                    <div id="tg_list2" class="weui-panel__bd">
                        <div class="weui-loadmore weui-loadmore_line">
                            <span class="weui-loadmore__tips">暂无数据</span>
                        </div>
                    </div>
                    <div style="line-height: 55px;">
                        <br>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>