| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8" />
- <meta name="author" content="yihu.com" />
- <meta name="format-detection" content="telephone=no" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
- <title>文章详情</title>
- <link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
- <link rel="stylesheet" type="text/css" href="../../../common/cross/css/cross.css">
- <link rel="stylesheet" href="../../../common/cross/css/cross.ui.css" type="text/css" />
- <link rel="stylesheet" type="text/css" href="../../../fonts/font-awesome/css/font-awesome.min.css"/>
- <style type="text/css">
- .main{padding: 10px;margin-bottom: 60px;}
- .c-ff0000{color: #FF0000;}
- .c-f20{font-size: 20px;}
- .topContent{}
- .topTitle{}
- .topCategory{}
- .handle-bar{
- position: fixed;
- bottom: 0;
- left: 0;
- width: 100%;
- background-color: #fff;
- z-index: 10;
- display: -webkit-box;
- padding: 3px 0;
- }
- .handle-bar div {
- -webkit-box-flex: 1;
- width: 0;
- padding-top: 8px;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- position: relative;
- text-align: center;
- height: 40px;
- }
- .handle-bar div:first-child {
- border-right: 1px solid #e1e1e1;
- }
- .handle-bar div img{
- vertical-align: middle;
- margin-right: 12px;
- width: 17px;
- height: 17px;
- margin-top: 0px;
- margin-bottom:0px;
- }
- p{
- color: #333;
- white-space: normal;
- line-height: 20px;
- text-align: justify;
- margin-top: 12px;
- }
- img{
- width: 100%;
- /*height: 200px;*/
- margin-top: 20px;
- margin-bottom: 8px;
- }
- </style>
- </head>
- <body style="background-color: #fff;">
- <div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1 class="c-f18">文章详情</h1>
- <div class="header-link" id="isEdit"><a class="c-fff c-f16">编辑</a></div>
- </div>
- </div>
- <div id="mainContent"></div>
- </body>
- <script type="text/html" id="articleDetail_tmpl">
- <div class="main">
- <div class="topContent">
- <div class="topTitle c-f14 c-bold c-nowrap">{{it.articleTitle}}</div>
- <div class="topCategory c-f12 mb10">
- <span class="c-909090">{{it.insertTime | setTimer}}</span>
- <span class="fr">{{it.secondLevelCategoryName}}</span>
- </div>
- </div>
- <div class="centerContent">
- <div class="c-nowrap c-f18 c-bold" style="height: 35px;text-align: center;border-bottom: 1px dashed #909090;">{{it.articleTitle}}</div>
- <div style="width: 100%; word-wrap:break-word">{{#content}}</div>
- </div>
- </div>
- <div class="handle-bar c-border-t c-f16">
- {{if it.isAuthentication==0}}
- <div class="c-f16 c-ff0000 c-bold">未认证</div>
- {{/if}}
- {{if it.isAuthentication==1}}
- <div class='collection' data-status="{{it.collectionNumberCount}}" >
- <img src="{{(it.collectionNumberCount)==0?'../images/shoucang_button.png':'../images/shoucang_pre.png'}}" width="17">
- <span>{{(it.collectionNumberCount)==0?'收藏':'已收藏'}}</span>
- </div>
- <div class='share' data-code='{{it.articleId}}' data-title='{{it.articleTitle}}'>
- <img src="../images/zhuanfa2_icon.png" width="17">
- <span>分享</span>
- </div>
- {{/if}}
- </div>
- </script>
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script type="text/javascript" src="../../../js/mui.min.js"></script>
- <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../../js/common_http.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/articleDetail.js" type="text/javascript" charset="utf-8"></script>
-
- </html>
|
