You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
82 lines
3.6 KiB
82 lines
3.6 KiB
<!--公告栏-->
|
|
<div class="notice bg-light col-5 mx-auto">
|
|
<!-- 公告标志-->
|
|
<h1 class="text-center mb-3 mt-3">{{ 'forum.notice' | translate }}</h1>
|
|
<!-- 公告内容-->
|
|
<div class="notice-content border-success mt-3 mb-3 position-relative">
|
|
<!-- 公告标题-->
|
|
<h2 class="text-center mb-3 mt-3">公告标题</h2>
|
|
<!-- 公告正文-->
|
|
<div class="notice-body overflow-auto">
|
|
公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容公告内容
|
|
</div>
|
|
<!-- 公告底部-->
|
|
<div class="notice-footer border border-info text-right align-text-bottom position-absolute">
|
|
<div class="col-12">{{ 'forum.sender' | translate }} ：admin<br>{{ 'forum.time' | translate }}：2020-01-01</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--审核贴-->
|
|
<div class="row border-warning check p-3">
|
|
<!-- 审核帖标识-->
|
|
<h1 class="text-info col-12 text-center">{{ 'forum.check' | translate }}</h1>
|
|
|
|
|
|
<!--帖子列表-->
|
|
<ul class="list-group col-3">
|
|
<li class="list-group-item active">Cras justo odio</li>
|
|
<li class="list-group-item">Dapibus ac facilisis in</li>
|
|
<li class="list-group-item">Morbi leo risus</li>
|
|
<li class="list-group-item">Porta ac consectetur ac</li>
|
|
<li class="list-group-item">Vestibulum at eros</li>
|
|
<li class="list-group-item">Cras justo odio</li>
|
|
<li class="list-group-item">Dapibus ac facilisis in</li>
|
|
<li class="list-group-item">Morbi leo risus</li>
|
|
<li class="list-group-item">Porta ac consectetur ac</li>
|
|
<li class="list-group-item">Vestibulum at eros</li>
|
|
</ul>
|
|
|
|
<!-- 帖子内容-->
|
|
<div class="col-6 post border-secondary p-3 position-relative">
|
|
<div class="position-absolute">
|
|
<!-- 发帖人头像-->
|
|
<img src="/fff" class="headimg mb-3"/>
|
|
<!-- 发帖人-->
|
|
<div class="forum-label border-info mb-3 text-center">
|
|
发帖人
|
|
</div>
|
|
<!--信用分-->
|
|
<div class="forum-label border-info mb-3 text-center">
|
|
信用分
|
|
</div>
|
|
</div>
|
|
<!-- 标题-->
|
|
<h1 class="text-info col-12 text-center mb-3 forum-title">活动名</h1>
|
|
<!-- 帖子正文-->
|
|
<div class="forum-content border-info overflow-auto col-9 offset-2 mb-3">
|
|
帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文帖子正文
|
|
</div>
|
|
<!-- 帖子底部-->
|
|
<div class="forum-footer border-info p-3 mb-3">
|
|
<h3 class="text-center">{{ 'forum.active_date' | translate:{startDate:'2020-01-01',endDate:'2020-02-01'} }}</h3>
|
|
<h3 class="text-center">{{ 'forum.active_score' | translate:{score:10} }}</h3>
|
|
</div>
|
|
<!--帖子审核按钮-->
|
|
<div class="col-12 text-center">
|
|
<button class="btn btn-info col-2 mr-3">{{ 'forum.approve' | translate }}</button>
|
|
<button class="btn btn-danger col-2">{{ 'forum.reject' | translate }}</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 帖子列表分页-->
|
|
<nav class="col-4 ml-5">
|
|
<ul class="pagination">
|
|
<li class="page-item"><a class="page-link" href="#">Previous</a></li>
|
|
<li class="page-item active"><a class="page-link" href="#">1</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">2</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">3</a></li>
|
|
<li class="page-item"><a class="page-link" href="#">Next</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|