问答列表页面
This commit is contained in:
parent
7c13e20a7d
commit
1041fc6e4b
|
@ -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}
|
|
@ -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-->
|
|
@ -1,31 +1,138 @@
|
|||
<p id="notice"><%= notice %></p>
|
||||
<section id="blog" class="container">
|
||||
|
||||
<h1>Listing Questions</h1>
|
||||
<div class="blog">
|
||||
<div class="row">
|
||||
<div class="col-md-8">
|
||||
<% @questions.each do |question| %>
|
||||
<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>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Name</th>
|
||||
<th>Content</th>
|
||||
<th>User</th>
|
||||
<th colspan="3"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<div class="col-xs-12 col-sm-10">
|
||||
|
||||
<tbody>
|
||||
<% @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>
|
||||
<% end %>
|
||||
</tbody>
|
||||
</table>
|
||||
<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 %>
|
||||
|
||||
<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" %>
|
||||
|
||||
<br>
|
||||
|
||||
<%= link_to 'New Question', new_question_path %>
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue