一元捐后台管理项目活动发起上传图片大小做限制添加删除和查看

donate-console/src/main/webapp/resources/view/activity/activity_launch.html

@@ -513,6 +513,54 @@
         opacity: 0.6;
         cursor: not-allowed;
     }
+    /*上传图片*/
+    .content-setting .form-group .uploadImage .showImg {
+        position: relative ;
+        width: 160px;
+        height: 160px;
+        margin: 16px 0;
+    }
+    .content-setting .form-group .uploadImage .showImgs{
+        width: 1140px;
+        height: 140px;
+    }
+    .content-setting .form-group .uploadImage .showImg img{
+        width: 100%;
+        height: 100%;
+    }
+    .content-setting .form-group .uploadImage .showImg .hover-show {
+        position: absolute ;
+        top: 0;
+        left: -20px;
+        width: 100%;
+        height: 100%;
+        background: rgba(0,0,0,.5);
+        display: none;
+    }
+    .content-setting .form-group .uploadImage .showImg:hover .hover-show {
+        display: block;
+    }
+    .content-setting .form-group .uploadImage .showImg .hover-show .delete{
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        color: #fff;
+        cursor: pointer;
+    }
+    .content-setting .form-group .uploadImage .showImg .hover-show a{
+        position: absolute;
+        top: 44%;
+        left: 36%;
+        font-size: 16px;
+        color: #fff;
+    }
+    .content-setting .form-group .uploadImage .showImgs .hover-show a{
+        position: absolute;
+        top: 44%;
+        left: 48%;
+        font-size: 16px;
+        color: #fff;
+    }
 </style>
 <div class="content-wrapper" style="min-height: 924px;; z-index: 50;">
     <section class="content-header clearfix">
@@ -579,11 +627,11 @@
                         <div class="fl uploadImage">
                             <div><button>上传图片</button><span>(160*160)</span></div>
                             <input type="file" ng-multiple="false" accept="image/*" onchange='angular.element(this).scope().fileChanged(this, 0)'>
-                            <div ng-if="null != actImgUrl" style="max-height: 100px; max-width: 300px">
-                                <img style="max-height: 100px; max-width: 100px" src="{{actImgUrl}}">
+                            <div ng-if="null != actImgUrl" class="showImg">
+                                <img src="{{actImgUrl}}">
                                 <span class="hover-show">
                                     <em style="cursor: pointer;" class="delete" title="删除" ng-click="clearFile('actImg')"><em class="fa fa-2x fa-trash"></em></em>
-                                    <a ng-click="showImg('actImg')" title="点击查看大图"><em class="fa fa-search"></em>查看</a>
+                                    <a ng-click="showImg('actImg')" title="点击查看大图"><em class="fa fa-search"></em> 查看</a>
                                 </span>
                             </div>
                         </div>
@@ -593,11 +641,11 @@
                         <div class="fl uploadImage">
                             <div><button>上传图片</button><span>(1140*140)</span></div>
                             <input type="file" ng-multiple="false" accept="image/*" onchange='angular.element(this).scope().fileChanged(this, 1)'>
-                            <div ng-if="null != bannerUrl" style="max-height: 100px; max-width: 300px">
-                                <img style="max-height: 100px; max-width: 100px" src="{{bannerUrl}}">
+                            <div ng-if="null != bannerUrl"  class="showImg showImgs">
+                                <img src="{{bannerUrl}}">
                                 <span class="hover-show">
                                     <em style="cursor: pointer;" class="delete" title="删除" ng-click="clearFile('banner')"><em class="fa fa-2x fa-trash"></em></em>
-                                    <a ng-click="showImg('banner')" title="点击查看大图"><em class="fa fa-search"></em>查看</a>
+                                    <a ng-click="showImg('banner')" title="点击查看大图"><em class="fa fa-search"></em> 查看</a>
                                 </span>
                             </div>
                         </div>

donate-service/src/main/webapp/WEB-INF/views/projectDetailsAndProgress.html

@@ -413,7 +413,7 @@
         .section2 .project-box .box3{
             padding: 30px 0 0 30px;
             width: 310px;
-            height: 270px;
+            /*height: 270px;*/
             text-align: left;
             border: 1px solid #e1e1e1;
         }