dever-package
/
weixin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197
							<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>聊天模式</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" href="../../core/amaze/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../css/duoshuo.css"/>
  <script></script>
  <style>
    @media only screen and (min-width: 641px) {
      .am-offcanvas {
        display: block;
        position: static;
        background: none;
      }

      .am-offcanvas-bar {
        position: static;
        width: auto;
        background: none;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
      }
      .am-offcanvas-bar:after {
        content: none;
      }

    }

    @media only screen and (max-width: 640px) {
      .am-offcanvas-bar .am-nav>li>a {
        color:#ccc;
        border-radius: 0;
        border-top: 1px solid rgba(0,0,0,.3);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05)
      }

      .am-offcanvas-bar .am-nav>li>a:hover {
        background: #404040;
        color: #fff
      }

      .am-offcanvas-bar .am-nav>li.am-nav-header {
        color: #777;
        background: #404040;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
        text-shadow: 0 1px 0 rgba(0,0,0,.5);
        border-top: 1px solid rgba(0,0,0,.3);
        font-weight: 400;
        font-size: 75%
      }

      .am-offcanvas-bar .am-nav>li.am-active>a {
        background: #1a1a1a;
        color: #fff;
        box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
      }

      .am-offcanvas-bar .am-nav>li+li {
        margin-top: 0;
      }
    }

    .my-head {
      margin-top: 40px;
      text-align: center;
    }

    .my-button {
      position: fixed;
      top: 0;
      right: 0;
      border-radius: 0;
    }
    .my-sidebar {
      padding-right: 0;
      border-right: 1px solid #eeeeee;
    }

    .my-footer {
      border-top: 1px solid #eeeeee;
      padding: 10px 0;
      margin-top: 10px;
      text-align: center;
    }
  </style>
</head>
<body>
<header class="am-g my-head" style="display:none;">
  <div class="am-u-sm-12 am-article">
    <h1 class="am-article-title">永远的蝴蝶</h1>
    <p class="am-article-meta">陈启佑（台湾）</p>
  </div>
</header>

<div class="am-g am-g-fixed">

<!--开始-->
		<div class="ds-thread" id="ds-thread" data-thread-key="cfd612c05209983f24889067f1d52ec5" data-title="开始使用">
			<div id="ds-reset">
				<div class="ds-comments-info"><div class="ds-sort" style="display:none;"><a class="ds-order-desc ds-current">最新</a><a class="ds-order-asc">最早</a><a class="ds-order-hot">最热</a></div>
				<ul class="ds-comments-tabs">
					<li class="ds-tab"><a class="ds-comments-tab-duoshuo ds-current" href="javascript:void(0);"><span class="ds-highlight" id="user">529</span>条用户消息(所有)</a></li> <li class="ds-tab"><a class="ds-comments-tab-weibo" href="javascript:void(0);"><span class="ds-highlight" id="account">27</span>条客服消息(当前页)</a></li>
				</ul>
			</div>
			
			<ul class="ds-comments" style="opacity: 1;">
				<li class="ds-post">
					<div class="ds-post-self">
						<div class="ds-avatar">
							<a rel="nofollow author" href="javascript:;" title="王宝强"><img src="http://ds.cdncache.org/avatar-50/430/183631.jpg" alt="王宝强"></a>
						</div>
						<div class="ds-comment-body">
							<div class="ds-comment-header"><a class="ds-user-name ds-highlight" href="javascript:;" rel="nofollow">王宝强</a></div>
							<p>祝贺2.0上线</p>
							<div class="ds-comment-footer ds-comment-actions"><span class="ds-time">2014年11月28日</span>
							</div>
							
							<ol id="ds-ctx">
								<li class="ds-ctx-entry">
									<div class="ds-avatar">
										<a rel="nofollow author" href="javascript:;" title="icen"><img src="http://app.qlogo.cn/mbloghead/dc58bfc15a2da9179eca/50" alt="icen"></a>
									</div>
									<div class="ds-ctx-body">
										<div class="ds-ctx-head"><a rel="nofollow author" href="javascript:;">icen</a>
										<a href="javascript:;" rel="nofollow" class="ds-time">7月17日</a>
										
										<div class="ds-ctx-content">用了JQM做了个‘记账系统’，现在又来学习AUI,希望多点文档学习。</div>
									</div>
								</li>
							</ol>
							
						</div>
					</div>
				</li>
			</ul>
				
			
			<div class="ds-paginator" style="display: block;">
				<div class="ds-border"></div>
				<div id="page">
					<a data-page="1" href="javascript:void(0);">1</a> <span class="page-break">...</span> 
					<a data-page="20" href="javascript:void(0);">20</a> 
					<a data-page="21" href="javascript:void(0);">21</a> 
					<a data-page="22" href="javascript:void(0);" class="ds-current">22</a>
				</div>
			</div>
			
			<a name="respond"></a>

			<div class="ds-replybox">
				<a class="ds-avatar" href="javascript:void(0);" onclick="return false"><img src="http://static.duoshuo.com/images/noavatar_default.png" alt="suwibin"></a>
				<form method="post">
					<input type="hidden" name="id" id="id" value="">
					<input type="hidden" name="nonce" name="nonce" value="">
					
					<div class="ds-textarea-wrapper ds-rounded-top"><textarea name="content" id="content" titles="Ctrl+Enter快捷提交" placeholder="说点什么吧…"></textarea>
					<pre class="ds-hidden-text"></pre></div>

					<div class="ds-post-toolbar">
						<div class="ds-post-options ds-gradient-bg"><span class="ds-sync"></span></div>
						<button class="ds-post-button" type="button">发布</button>
						<div class="ds-toolbar-buttons" style="display:none;"><a class="ds-toolbar-button ds-add-emote" title="插入表情"></a></div>
					</div>
				</form>
			</div>
		</div>
<!--结束-->


</div>

  
<footer class="my-footer">
  <p>聊天模式<br><small id="footer">© Copyright XXX. by the AmazeUI Team.</small></p>
</footer>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="../../core/amaze/assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="../../core/jquery.js"></script>
<!--<![endif]-->
<script src="../../core/amaze/assets/js/amazeui.min.js"></script>
<script src="../js/common.js"></script>
</body>
</html>