1-forum_django_vue论坛前端notice公告列表页面

 <template>
    <div>
        <!-- ===============  breadcrumb area start =============== -->
        <div class="breadcrumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12">
                        <div class="breadcrumb-wrap">
                            <h2>
                                xxx
                            </h2>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ===============  breadcrumb area end =============== -->
        <!-- ===============  Package  area start =============== -->
        <div class="package-standard-wrapper pt-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="row">
                            <div class="col-lg-12 col-md-12"  >
                                <div class="package-card-xl">
                                    <div class="package-thumb-xl">
                                        <img src=""   style="width: 250px;height: 220px;" class="img-fluid">
                                    </div>
                                    <div class="package-details-xl">
                                        <div class="package-info">
                                            <h5 class="hh"><span>xxx</span> </h5>

                                        </div>
                                        <div class="package-info">
                                            <h5  >                                        <img style="width: 30px;height:30px;border-radius: 50%;"  >xx
                                            </h5>
                                            <h5><i class="flaticon-calendar"></i> xxx</h5>
                                        </div>
                                        <p class="hh" style="height: 60px;overflow: hidden;">xxx</p>

                                        <div>
                                            <el-row>
                                                <el-col :span="16">
                                                    <br>
                                                </el-col>
                                                <el-col :span="8" style="text-align: right;">
                                                    <el-button   type="success"  size="mini">查看详情 &nbsp; <i class="el-icon-right" style="color: #fff"></i></el-button>
                                                </el-col>
                                            </el-row>

                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div  style="line-height: 100px;text-align: center;">

                            <img src="../../assets/img/nosj.png">
                            <br>

                            暂无数据</div>
                        <div class="pagination" >

                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="package-sidebar">
                            <div class="row">
                                <div class="col-lg-12 col-md-12">
                                    <div class="sidebar-searchbox">
                                        <div class="input-group search-box">
                                            <input  type="text" class="form-control" placeholder="搜索标题..." aria-label="Recipient's username" aria-describedby="button-addon2">
                                            <button  class="btn btn-outline-secondary" type="button"><i class='bx bx-paper-plane'></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-6">
                                    <div class="p-sidebar-cards mt-40">
                                        <el-card>
                                            <div slot="header" class="clearfix">
                                                <p  class="package-d-head" style=" color: #333">最新评论</p>
                                            </div>

                                            <ul class="package-cards">
                                                <li class="package-card-sm"  >
                                                    <div class="p-sm-img">
                                                        <img   style="border-radius: 50%;width: 70px;height: 70px;" src="">
                                                    </div>
                                                    <div class="package-info">
                                                        <h6>xxx </h6>
                                                        <div class=" hh" style="color: #666;font-size: 13px;"> xxx  </div>

                                                        <p style="color: #888;font-size: 11px;"><span><i class="el-icon-date"></i>xxx</span>
                                                        </p>
                                                    </div>
                                                </li>

                                            </ul>
                                            <div  style="line-height: 100px;text-align: center;">

                                                <img src="../../assets/img/khz.png" style="width: 150px;">
                                                <br>

                                                暂无评论</div>



                                        </el-card>



                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ===============  Package  area end =============== -->
    </div>
</template>