一元捐后台管理项目发起项目页面样式调整

donate-console/src/main/webapp/resources/css/base.css

@@ -256,4 +256,9 @@ button[disabled] {
 input.ng-invalid.ng-dirty, textarea.ng-invalid.ng-dirty {
 	box-shadow: 0 0 2px #f00;
 	border: #f00 1px solid;
+}
+
+/*左侧导航*/
+.sidebar .sidebar-menu li.treeview a span{
+	font-size: 14px;
 }

donate-console/src/main/webapp/resources/view/project/project_launch_2.html

@@ -13,7 +13,7 @@
     .section{
         margin: 0 auto;
         width: 1040px;
-        height: 1845px;
+        min-height: 1845px;
         background: #fff;
         padding: 30px 20px 0 20px;
         overflow: hidden;
@@ -227,6 +227,8 @@
         margin-top: 22px;
     }
     .detail .list-item div.fl .computer span{
+        display: inline-block ;
+        width: 80px;
         font-size: 16px;
         color: #505050;
     }
@@ -258,6 +260,49 @@
         font-size: 12px;
         color: #969696;
     }
+    .detail .list-item div.fl .showImg{
+        margin: 16px 0 0 120px;
+        width: 180px;
+        height: 180px;
+    }
+    .detail .list-item div.fl .showImg img{
+        width: 180px;
+        height: 180px;
+    }
+    .detail .list-item div.fl .showImg .hover-show{
+        position: absolute;
+        bottom: 0;
+        width: 180px;
+        height: 0;
+        line-height: 32px;
+        background: rgba(0,0,0,.5);
+        /*display: none;*/
+    }
+    .detail .list-item div.fl .showImg:hover .hover-show{
+       /*display: block;*/
+        height: 180px;
+       transition: height .5s ease-out;
+    }
+    .detail .list-item div.fl .showImg .hover-show .fa:before{
+        font-size: 16px;
+        color: #fff;
+    }
+    .detail .list-item div.fl .showImg .hover-show .fa-trash:before{
+        margin-right: 5px;
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        z-index: 10000;
+        cursor: pointer;
+    }
+
+    .detail .list-item div.fl .showImg .hover-show a{
+        position: absolute;
+        top: 74px;
+        left: 70px;
+        font-size: 14px;
+        color: #fff;
+    }
     .detail .list-item div.fl .phone{
         position: relative;
     }
@@ -367,8 +412,11 @@
         color: #505050;
     }
     .detail .list-item .simple textarea{
+        padding-left: 15px;
         width: 690px;
         height: 100px;
+        font-size: 16px;
+        color: #505050;
     }
     .detail .list-item .simple span{
         margin-top: 10px;
@@ -533,11 +581,11 @@
                                         <button type="button">上传图片</button>
                                         <input type="file" ng-multiple="false" id="pcImg" accept="image/*" onchange='angular.element(this).scope().fileChanged(this, 0)'>
                                         <em>(最能代表项目的焦点图，图片尺寸不小于500*280px,支持jpg,gif,png格式，不超过10MB)</em>
-                                        <div ng-if="null != pcImgUrl" style="max-height: 100px; max-width: 300px">
-                                            <img style="max-height: 100px; max-width: 100px" src="{{pcImgUrl}}">
+                                        <div ng-if="null != pcImgUrl" class="showImg">
+                                            <img src="{{pcImgUrl}}">
                                             <span class="hover-show">
-                                                <em style="cursor: pointer;" class="delete" title="删除" ng-click="clearFile('pcImg')"><em class="fa fa-2x fa-trash"></em></em>
-                                                <a ng-click="showImg('pcImg')" title="点击查看大图"><em class="fa fa-search"></em>查看</a>
+                                                <em class="delete" title="删除" ng-click="clearFile('pcImg')"><em class="fa fa-2x fa-trash"></em></em>
+                                                <a ng-click="showImg('pcImg')" title="点击查看大图"><em class="fa fa-search" style="margin-right: 5px;"></em>查看</a>
                                             </span>
                                         </div>
                                     </div>
@@ -546,11 +594,11 @@
                                         <button>上传图片</button>
                                         <input type="file" ng-multiple="false" id="mobileImg" accept="image/*" onchange='angular.element(this).scope().fileChanged(this, 1)'>
                                         <em>(最能代表项目的焦点图，图片尺寸不小于500*280px,支持jpg,gif,png格式，不超过10MB)</em>
-                                        <div ng-if="null != mobileImgUrl" style="max-height: 100px; max-width: 300px">
-                                            <img style="max-height: 100px; max-width: 100px" src="{{mobileImgUrl}}">
+                                        <div ng-if="null != mobileImgUrl" class="showImg">
+                                            <img src="{{mobileImgUrl}}">
                                             <span class="hover-show">
-                                                <em style="cursor: pointer;" class="delete" title="删除" ng-click="clearFile('mobileImg')"><em class="fa fa-2x fa-trash"></em></em>
-                                                <a ng-click="showImg('mobileImg')" title="点击查看大图"><em class="fa fa-search"></em>查看</a>
+                                                <em class="delete" title="删除" ng-click="clearFile('mobileImg')"><em class="fa fa-2x fa-trash"></em></em>
+                                                <a ng-click="showImg('mobileImg')" title="点击查看大图"><em class="fa fa-search" style="margin-right: 5px;"></em>查看</a>
                                             </span>
                                         </div>
                                     </div>
@@ -563,11 +611,11 @@
                                         <button>上传图片</button>
                                         <input type="file" ng-multiple="false" id="mobileListImg" accept="image/*" onchange='angular.element(this).scope().fileChanged(this, 2)'>
                                         <em>(最能代表项目的焦点图，图片尺寸不小于500*375像素以上,支持jpg,gif,png格式，不超过10MB)</em>
-                                        <div ng-if="null != mobileListImgUrl" style="max-height: 100px; max-width: 300px">
-                                            <img style="max-height: 100px; max-width: 100px" src="{{mobileListImgUrl}}">
+                                        <div ng-if="null != mobileListImgUrl" class="showImg" style="margin-left: -15px;">
+                                            <img src="{{mobileListImgUrl}}">
                                             <span class="hover-show">
-                                                <em style="cursor: pointer;" class="delete" title="删除" ng-click="clearFile('mobileListImg')"><em class="fa fa-2x fa-trash"></em></em>
-                                                <a ng-click="showImg('mobileListImg')" title="点击查看大图"><em class="fa fa-search"></em>查看</a>
+                                                <em class="delete" title="删除" ng-click="clearFile('mobileListImg')"><em class="fa fa-2x fa-trash"></em></em>
+                                                <a ng-click="showImg('mobileListImg')" title="点击查看大图"><em class="fa fa-search" style="margin-right: 5px;"></em>查看</a>
                                             </span>
                                         </div>
                                     </div>
@@ -587,11 +635,11 @@
                                             <button>上传图片</button>
                                             <input type="file" ng-multiple="false" id="logo" accept="image/*" onchange='angular.element(this).scope().fileChanged(this, 3)'>
                                             <em>（图片尺寸不小于500*500px,不超过2MB）</em>
-                                            <div ng-if="null != logoUrl" style="max-height: 100px; max-width: 300px">
-                                                <img style="max-height: 100px; max-width: 100px" src="{{logoUrl}}">
+                                            <div ng-if="null != logoUrl" class="showImg" style="margin-left: 40px;">
+                                                <img src="{{logoUrl}}">
                                                 <span class="hover-show">
-                                                    <em style="cursor: pointer;" class="delete" title="删除" ng-click="clearFile('logo')"><em class="fa fa-2x fa-trash"></em></em>
-                                                    <a ng-click="showImg('logo')" title="点击查看大图"><em class="fa fa-search"></em>查看</a>
+                                                    <em class="delete" title="删除" ng-click="clearFile('logo')"><em class="fa fa-2x fa-trash"></em></em>
+                                                    <a ng-click="showImg('logo')" title="点击查看大图"><em class="fa fa-search" style="margin-right: 5px;"></em>查看</a>
                                                 </span>
                                             </div>
                                         </div>