2-forum_django_vue论坛前端notice detail公告详情页面

 <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 class="hh">标题</h2>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ===============  breadcrumb area end =============== -->

        <!-- ===============  breadcrumb area end =============== -->

        <div class="package-details-wrapper pt-120">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="package-details">
                            <!--                            <div class="package-thumb">-->
                            <!--                                <img   alt="">-->
                            <!--                            </div>-->
                            <div class="package-header">
                                <div class="package-title">
                                    <h3 class="hh">标题</h3>

                                    <p><img style="width: 30px;height:30px;border-radius: 50%;">昵称 时间 发布</p>
                                </div>

                            </div>

                            <div class="package-tab">

                                <div class="tab-content p-tab-content" id="pills-tabContent">
                                    <div class="tab-pane fade show active" id="pills-home" role="tabpanel"
                                         aria-labelledby="pills-home-tab">
                                        <div class="row">
                                            <div class="col-lg-12">
                                                <div class="tab-content-1">
                                                    <el-card>
                                                        <div slot="header" class="clearfix">
                                                            <span>【简介】</span>简介
                                                        </div>

                                                        <div class="hh">内容</div>


                                                    </el-card>

                                                    <br>


                                                    <div class="p-review">
                                                        <h3>评论(0 )</h3><br>

                                                        <ul>
                                                            <li class="p-review-card">

                                                                <div class="p-review-info">
                                                                    <div class="p-reviewr-img">
                                                                        <img alt="">
                                                                    </div>
                                                                    <div class="p-reviewer-info" style="width: 80%;">
                                                                        <p><strong>昵称</strong> <small
                                                                                style="float: right;">时间</small></p>
                                                                        <p>  内容
                                                                            <el-button style="float: right;" size="mini"
                                                                                       type="danger"
                                                                                       icon="el-icon-delete">删除
                                                                            </el-button>
                                                                        </p>

                                                                    </div>
                                                                </div>
                                                                <el-divider></el-divider>

                                                            </li>


                                                        </ul>

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

                                                            <img src="../../assets/img/nopl.png">
                                                            <br>
                                                            暂时没人评论哦
                                                        </div>
                                                        <div class="pagination">

                                                        </div>
                                                    </div>
                                                    <div class="p-review-input">
                                                        <form>
                                                            <h5>输入评论</h5>
                                                            <div class="row">

                                                                <div class="col-lg-12">
                                                                    <textarea cols="30" rows="7"
                                                                              placeholder="请输入...."></textarea>
                                                                </div>
                                                                <el-button style="width:150px;margin-left: 10px;"
                                                                           type="success">发布评论
                                                                </el-button>


                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="package-d-sidebar">
                            <div class="row">

                                <div class="col-lg-12 col-md-6">
                                    <div class="p-sidebar-cards mt-40">
                                        <p class="package-d-head" style=" color: #333">最新 xxx
                                        </p> <br>
                                        <ul class="package-cards">
                                            <li class="package-card-sm">
                                                <div class="p-sm-img">
                                                    <img alt="">
                                                </div>
                                                <div class="package-info">
                                                    <div class="package-date-sm hh"> 标题</div>


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

                                        </ul>

                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- ===============  Newsletter area start =============== -->


    </div>
</template>