问答列表页面

This commit is contained in:
huang 2018-03-07 22:07:39 +08:00
parent 7c13e20a7d
commit 1041fc6e4b
11 changed files with 200 additions and 27 deletions

View File

@ -68,6 +68,7 @@ textarea{resize: none;}
.none{display: none}
/*通用文字功能样式*/
.font-bd{ font-weight: bold;}
.color-origin{color: #c52d2f!important;}
.color-red-light{color: #F00!important;}
.color-red{ color:#d2322d!important;}
.u-color-light-red{color: #FF6666}

View File

@ -0,0 +1,65 @@
<section id="bottom">
<div class="container wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="widget">
<h3>Company</h3>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">We are hiring</a></li>
<li><a href="#">Meet the team</a></li>
<li><a href="#">Copyright</a></li>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div><!--/.col-md-3-->
<div class="col-md-3 col-sm-6">
<div class="widget">
<h3>Support</h3>
<ul>
<li><a href="#">Faq</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Documentation</a></li>
<li><a href="#">Refund policy</a></li>
<li><a href="#">Ticket system</a></li>
<li><a href="#">Billing system</a></li>
</ul>
</div>
</div><!--/.col-md-3-->
<div class="col-md-3 col-sm-6">
<div class="widget">
<h3>Developers</h3>
<ul>
<li><a href="#">Web Development</a></li>
<li><a href="#">SEO Marketing</a></li>
<li><a href="#">Theme</a></li>
<li><a href="#">Development</a></li>
<li><a href="#">Email Marketing</a></li>
<li><a href="#">Plugin Development</a></li>
<li><a href="#">Article Writing</a></li>
</ul>
</div>
</div><!--/.col-md-3-->
<div class="col-md-3 col-sm-6">
<div class="widget">
<h3>Our Partners</h3>
<ul>
<li><a href="#">Adipisicing Elit</a></li>
<li><a href="#">Eiusmod</a></li>
<li><a href="#">Tempor</a></li>
<li><a href="#">Veniam</a></li>
<li><a href="#">Exercitation</a></li>
<li><a href="#">Ullamco</a></li>
<li><a href="#">Laboris</a></li>
</ul>
</div>
</div><!--/.col-md-3-->
</div>
</div>
</section><!--/#bottom-->

View File

@ -1,31 +1,138 @@
<p id="notice"><%= notice %></p>
<section id="blog" class="container">
<h1>Listing Questions</h1>
<table>
<thead>
<tr>
<th>Name</th>
<th>Content</th>
<th>User</th>
<th colspan="3"></th>
</tr>
</thead>
<tbody>
<div class="blog">
<div class="row">
<div class="col-md-8">
<% @questions.each do |question| %>
<tr>
<td><%= question.name %></td>
<td><%= question.content %></td>
<td><%= question.user.name %></td>
<td><%= link_to 'Show', question %></td>
<td><%= link_to 'Edit', edit_question_path(question) %></td>
<td><%= link_to 'Destroy', question, method: :delete, data: { confirm: 'Are you sure?' } %></td>
</tr>
<div class="blog-item">
<div class="row">
<div class="col-xs-12 col-sm-2 text-center">
<div class="entry-meta">
<span id="publish_date">07 NOV</span>
<span><i class="fa fa-user"></i> <a href="#">John Doe</a></span>
<span><i class="fa fa-comment"></i> <a href="blog-item.html#comments">2 Comments</a></span>
<span><i class="fa fa-heart"></i><a href="#">56 Likes</a></span>
</div>
</div>
<div class="col-xs-12 col-sm-10">
<h2 class="mt0"><%= link_to question.name, questions_path %></h2>
<h3><%= question.content %><%= link_to "更多<i class='fa fa-angle-right color-origin'></i>".html_safe, question_path(question), class: "readmore fr color-origin" %></h3>
</div>
</div>
</div><!--/.blog-item-->
<% end %>
</tbody>
</table>
<br>
<ul class="pagination pagination-lg">
<li><a href="#"><i class="fa fa-long-arrow-left"></i>Previous Page</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">Next Page<i class="fa fa-long-arrow-right"></i></a></li>
</ul><!--/.pagination-->
</div><!--/.col-md-8-->
<aside class="col-md-4">
<div class="widget search">
<form role="form">
<input type="text" class="form-control search_box" autocomplete="off" placeholder="Search Here">
</form>
</div><!--/.search-->
<div class="widget categories">
<h3>Recent Comments</h3>
<div class="row">
<div class="col-sm-12">
<div class="single_comments">
<img src="images/blog/avatar3.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do </p>
<div class="entry-meta small muted">
<span>By <a href="#">Alex</a></span> <span>On <a href="#">Creative</a></span>
</div>
</div>
<div class="single_comments">
<img src="images/blog/avatar3.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do </p>
<div class="entry-meta small muted">
<span>By <a href="#">Alex</a></span> <span>On <a href="#">Creative</a></span>
</div>
</div>
<div class="single_comments">
<img src="images/blog/avatar3.png" alt="" />
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do </p>
<div class="entry-meta small muted">
<span>By <a href="#">Alex</a></span> <span>On <a href="#">Creative</a></span>
</div>
</div>
</div>
</div>
</div><!--/.recent comments-->
<div class="widget categories">
<h3>Categories</h3>
<div class="row">
<div class="col-sm-6">
<ul class="blog_category">
<li><a href="#">Computers <span class="badge">04</span></a></li>
<li><a href="#">Smartphone <span class="badge">10</span></a></li>
<li><a href="#">Gedgets <span class="badge">06</span></a></li>
<li><a href="#">Technology <span class="badge">25</span></a></li>
</ul>
</div>
</div>
</div><!--/.categories-->
<div class="widget archieve">
<h3>Archieve</h3>
<div class="row">
<div class="col-sm-12">
<ul class="blog_archieve">
<li><a href="#"><i class="fa fa-angle-double-right"></i> December 2013 <span class="pull-right">(97)</span></a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> November 2013 <span class="pull-right">(32)</span></a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> October 2013 <span class="pull-right">(19)</span></a></li>
<li><a href="#"><i class="fa fa-angle-double-right"></i> September 2013 <span class="pull-right">(08)</span></a></li>
</ul>
</div>
</div>
</div><!--/.archieve-->
<div class="widget tags">
<h3>Tag Cloud</h3>
<ul class="tag-cloud">
<li><a class="btn btn-xs btn-primary" href="#">Apple</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Barcelona</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Office</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Ipod</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Stock</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Race</a></li>
<li><a class="btn btn-xs btn-primary" href="#">London</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Football</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Porche</a></li>
<li><a class="btn btn-xs btn-primary" href="#">Gadgets</a></li>
</ul>
</div><!--/.tags-->
<div class="widget blog_gallery">
<h3>Our Gallery</h3>
<ul class="sidebar-gallery">
<li><a href="#"><img src="images/blog/gallery1.png" alt="" /></a></li>
<li><a href="#"><img src="images/blog/gallery2.png" alt="" /></a></li>
<li><a href="#"><img src="images/blog/gallery3.png" alt="" /></a></li>
<li><a href="#"><img src="images/blog/gallery4.png" alt="" /></a></li>
<li><a href="#"><img src="images/blog/gallery5.png" alt="" /></a></li>
<li><a href="#"><img src="images/blog/gallery6.png" alt="" /></a></li>
</ul>
</div><!--/.blog_gallery-->
</aside>
</div><!--/.row-->
</div>
</section><!--/#blog-->
<%= render :partial => "layouts/bottom" %>
<%= link_to 'New Question', new_question_path %>

File diff suppressed because one or more lines are too long