yf_zd
/
qxzSy


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
							
{% extends "base.html" %} 
{% block headcss %}
{% load staticfiles %}
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
 <style type="text/css">
 	body{
		overflow: hidden;
	}
 	.problemItem{
		 position: relative;
		 padding-bottom: 10px;
		 line-height: 24px;
	 }
	.userHeadImg{
		width: 4%;
	}
	.userHeadImg img{
		width: 50px;
    	height: 50px;
    	border-radius: 50%;
	}
	.userProblemMsg{
		width: 94%;
		margin-top: 13px;
    	font-size: 14px;
	}
	.userMsg,.respond{
		color: #999;
		position: relative;
	}
	.userMsg::before{
		content: '';
		border-top: 1px solid #999;
		position: absolute;
		left: 50px;
		top: 10px;
		right: 110px;
	}
	.problemTitl{
		font-size: 20px;
		color: #302e2e;
		line-height: 36px;
	}
	.problemDetial{
		width: 85%;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	.lookAll{
		position: absolute;
		right: 26px;
		bottom: 2px;
	}
	.lookAll:hover{
		color: #4C8FBD;
	}
	#addDetial{
		margin: 0px;
		width: 450px;
    	height: 60px;
		resize: none;
		padding: 6px;
	}
	#addTitle{
		width: 450px;
	}
	.addQuestion{
		padding: 10px 20px;
	}
	.searchBtn{
		margin-bottom: 10px;
	}
	#addQuestion{
		display: none;
	}
 </style>
 
 
</head>
<body>
<div class="content">
  <div id="content-header">
      <h1 class="tb-fpsb" style="display: inline-block;">帮助中心</h1>
      <span id="">
      	 > 问题反馈
      </span>
      <a class="refresh" onclick="addQuestion()" href="javascript:;" style="float: right;"><i class="add"><img src="{% static '/img/addicon.png' %}" alt="" width="28"></i>我要提问&nbsp;&nbsp; </a>
  </div>
  <div class="user-manage-top">
	<div style="text-align:right">
		<input type="text" value="" placeholder="请输入问题关键字">
		<button class="btn btn-primary searchBtn">搜索</button>
	</div>
	<!-- 问题列表 -->
	<div class="problemList">
		<ul>
			<li class="problemItem clearfix">
				<div class="fl userHeadImg">
					<img src="{% static '/img/addicon.png' %}" alt="">
				</div>
				<div class="fl userProblemMsg">
					<div class="userMsg">
						<span class="userName"><a href=""></a>用户名</span>
						<span class="middleLine"></span>
						<span class="publishTime fr">2017-10-05发布</span>
					</div>
					<div class="problemTitl"><a href="">标题</a></div>
					<div class="respond">
						<i class="fa fa-check" aria-hidden="true"></i>已回答
						<!-- <i class="fa fa-question-circle-o fa-lg"></i>未回答 -->
					</div>
					<div class="problemDetial">
						问题详情：<a href="problem_detail">问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题问题</a>
					</div>
					<a class="lookAll" href="problem_detail">查看>></a>
				</div>
			</li>
		</ul>
		<div class="fenpei-bottom">
			<div id="page" style="text-align: center;"></div>
		</div>
	</div>
  </div>
</div>
<!-- 我要提问 -->
<div id="addQuestion">
	<form id="addQuestionForm" action="" method="post"> 
		<div class="addQuestion">
			<div>标&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;题：
				<input maxlength="200" type="text" class="fp-user" id="addTitle" name="addTitle" placeholder="请输入问题名称" />
			</div>
			<div>详&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;情：
				<textarea name="addDetial" id="addDetial" maxlength="200" placeholder="请输入问题描述"></textarea>
			</div>
		</div>
	</form>
</div>
<script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
<script src="{% static '/lib/layui/layui.all.js' %}"></script>
<script type="text/javascript">
	$.ajaxSetup({
		data: { csrfmiddlewaretoken: '{{ csrf_token }}' },
	});
</script>
<script src="{% static '/js/helpcenter/problem_feedback.js' %}?versions=0.5.4"></script>
</body>
</html>

{% endblock headcss %}