UU助手后台软文发布系统添加加载更多的小图，图片的处理，写留言的处理

jpress-web-admin/src/main/webapp/WEB-INF/admin/content/_edit_include.html

@@ -191,13 +191,13 @@
 		display: inline-block;
 		position: relative;
 		margin-top: 35px;
-		margin-right: 20px;
+		margin-right: 230px;
 		width: 150px;
 		height: 40px;
 	}
 	.coverContentUas .inputUas em{
 		display: inline-block;
-		width: 150px;
+		width: 120px;
 		height: 40px;
 		line-height: 40px;
 		text-align: center;
@@ -232,26 +232,39 @@
 		overflow: hidden;
 	}
 	.coverContentUas .chooseImg .choose{
-		float: left;
+		/*float: left;*/
 	}
 	.coverContentUas .chooseImg .choose em{
 		cursor: pointer;
 	}
 	.coverContentUas .chooseImg .showImg {
 		margin-top: 32px;
+		margin-right: 62px;
 		float: left;
-		width: 200px;
-		height: 170px;
-		line-height: 170px;
+		width: 322px;
+		height: 181px;
+		line-height: 181px;
 		text-align: center;
 		overflow: hidden;
 		border: 1px solid #aaacad;
 	}
 	.coverContentUas .chooseImg .showImg  img{
-		/*max-width: 200px;*/
-		/*max-height: 170px;*/
-		width: 200px;
-		height: 170px;
+		width: 322px;
+		height: 181px;
+	}
+	.coverContentUas .chooseImg .showImgs {
+		margin-top: 32px;
+		float: left;
+		width: 100px;
+		height: 100px;
+		line-height: 100px;
+		text-align: center;
+		overflow: hidden;
+		border: 1px solid #aaacad;
+	}
+	.coverContentUas .chooseImg .showImgs  img{
+		width: 100px;
+		height: 100px;
 	}
 	.copyright h5{
 		margin: 5px 0;
@@ -260,23 +273,6 @@
 		width: 930px;
 		height: 30px;
 	}
-	/*控制图片大小*/
-	.thumbnail-width {
-		height: 100px;
-		opacity: 1;
-		overflow: hidden;
-	}
-	.thumbnail-height {
-		width: 160px;
-		opacity: 1;
-		overflow: hidden;
-	}
-	.thumbnail-news {
-		width: 160px;
-		height: 100px;
-		opacity: 0;
-		overflow: hidden;
-	}
 </style>
 <link rel="stylesheet" type="text/css" href="${CTPATH}/assets/css/imgareaselect-default.css"/>
 <#macro script_import>
@@ -398,12 +394,21 @@
 						<div class="chooseImg">
 							<div class="choose">
 								<p>封面</p>
+								<!--大图-->
+								<input type="hidden" name="content.thumbnail" value="${(content.thumbnail)!}" id="content_thumbnail">
+								<span class="inputUas" onclick="doSelectThumbnail()" onchange="Javascript:validImg(this);"><em>从图库选择</em><!--<input type="file">--></span>
+								<!--小图-->
 								<input type="hidden" name="content.thumbnail" value="${(content.thumbnail)!}" id="content_thumbnail">
 								<span class="inputUas" onclick="doSelectThumbnail()" onchange="Javascript:validImg(this);"><em>从图库选择</em><!--<input type="file">--></span>
 							</div>
+							<!--大图-->
 							<div class="showImg">
 								<img src="${(content.thumbnail)!CPATH+'/static/jpress/admin/image/nothumbnail.jpg'}" id="thumbnail" class="jp-content-thumbnail content-thumbnail"/>
 							</div>
+							<!--小图-->
+							<div class="showImgs">
+								<img src="${(content.thumbnail)!CPATH+'/static/jpress/admin/image/nothumbnail.jpg'}" id="thumbnail" class="jp-content-thumbnail content-thumbnail"/>
+							</div>
 						</div>
 						<div class="detailUas">
 							<p>摘要</p>

jpress-web-admin/src/main/webapp/WEB-INF/admin/content/_index_include.html

@@ -74,7 +74,7 @@
 						<thead>
 						<tr>
 							<th width="20"><input type="checkbox"></th>
-							<th width="240">标题</th>
+							<th width="200">标题</th>
 							<th width="135">日期</th>
 							<th width="110">作者</th>
 							<th width="110">版权</th>
@@ -120,7 +120,7 @@
 								</select>
 							</td>
 							<td class="chooseUas">
-								<select style="position: absolute;z-index: 1;"  class="choose chooseTaxonomy"
+								<select style="position: absolute;z-index: 1;width: 110px;"  class="choose chooseTaxonomy"
 										onmousedown="if(this.options.length>5){this.size=6}" onblur="this.size=0" onchange="this.size=0;chooseTaxonomy()">
 									<option></option>
 									<#if tag_list??>

jpress-web-template-usoftchina/src/main/webapp/templates/usoftchina/content_uuhelper.html

@@ -13,7 +13,6 @@
             margin: 0 auto;
         }
         .main .container{
-            /*width: 1190px;*/
             max-width: 640px;
             margin: 0 auto;
             text-align: center;
@@ -33,11 +32,18 @@
         .main .container .header div span:first-child{
             margin-right: 10px;
         }
-        .main .container .section div{
+        .main .container .section div,.main .container .section p{
             font-size: 14px;
             color: #000;
             text-align: left;
         }
+        .main .container .section div.img-container{
+            text-align:center;
+            max-width: 100%;
+        }
+        .main .container .section div.img-container img{
+            max-width: 100%;
+        }
         .main .container .section p{
             font-size: 14px;
             line-height: 20px;
@@ -83,13 +89,14 @@
         .main .container .footer .footer-header{
             position: relative;
             cursor: pointer;
+            width: 100%;
         }
         .main .container .footer .footer-header div.infoMessage{
             position: absolute;
-            left: 278px;
+            left: 50%;
+            margin-left: -50%;
             top: -30px;
-            width: 90px;
-            height: 25px;
+            width: 100%;
             color: #8ca8bd;
             font-size: 14px;
             background: #fff;
@@ -177,27 +184,44 @@
         }
         .main .container .footer .pull{
             margin: 40px 0;
-        }
-        .main .container .footer .pull a{
-            font-size: 14px;
+            font-size: 12px;
             color: #8c8c8c;
-            text-decoration: none;
+        }
+        .main .container .footer .loading{
+           text-align: center;
+        }
+
+        @-webkit-keyframes rotate {
+            from {-webkit-transform:rotate(0deg);}
+            to {-webkit-transform:rotate(360deg);}
+        }
+        .main .container .footer .loading img{
+            width: 30px;
+            height: 30px;
+            -webkit-mask-size: 30px 30px;
+            -webkit-animation-name: rotate;
+            -webkit-animation-duration: 1.5s;
+            -webkit-animation-iteration-count: infinite;
+            -webkit-animation-timing-function: linear;
         }
         .main .container .footer .footer-header .writeMessage{
             display: none;
             padding: 20px;
+            width: 80%;
         }
         .main .container .footer .footer-header .writeMessage textarea{
-            width: 580px;
-            height: 100px;
+            width: 100%;
+            height: auto;
         }
         .main .container .footer .footer-header .writeMessage div{
             text-align: right;
-            margin-top: -60px;
+            margin-top: 0;
+            width: 100%;
         }
         .main .container .footer .footer-header .writeMessage button{
+            margin-right: 15px;
             display: inline-block;
-            width: 80px;
+            width: 65px;
             height: 25px;
             line-height: 25px;
             text-align: center;
@@ -250,7 +274,7 @@
                         <div class="infoMessage"><span>写留言</span><img src="/jpress/static/jpress/admin/image/pen.png" alt=""/></div>
                         <div class="writeMessage">
                             <textarea name="text" id="" cols="30" rows="10"></textarea>
-                            <div><button type="submit">提交留言</button></div>
+                            <div><button>取消</button><button type="submit">提交</button></div>
                         </div>
                     </div>
                 </form>
@@ -287,6 +311,7 @@
                 </#if>
             </@jp.commentPage>
             </div>
+            <div class="loading"><img src="/jpress/static/jpress/admin/image/loading.png" alt=""></div>
             <div class="pull">下拉加载更多</div>
             <!--<div class="pull"><a>没有更多数据了</a></div>-->
         </div>