Home Explore Help
Register Sign In
usoft
/
donate-parent
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

一元捐后端项目—活动中心—活动发起页面添加封面图片和Banner的上传和展示。

hangb 8 years ago
parent
75798fbab2
commit
570b2399a5
3 changed files with 71 additions and 1 deletions
Split View Show Diff Stats
  1. 71 1
      donate-console/src/main/webapp/WEB-INF/views/activityInitiated.html
  2. BIN
      donate-console/src/main/webapp/resources/images/active01.png
  3. BIN
      donate-console/src/main/webapp/resources/images/reward.png

+ 71 - 1
donate-console/src/main/webapp/WEB-INF/views/activityInitiated.html
View File 

@@ -35,7 +35,7 @@
 
             background: #ffffff;
 
             margin-bottom: 20px;
 
             width: 100%;
 
-            height: 1320px;
 
+            height: 1700px;
 
             border: 1px solid #dcdcdc;
 
             box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
 
         }
 
@@ -469,6 +469,60 @@
 
             font-size: 14px;
 
             color: #b4b4b4;
 
         }
 
+        /*封面图片Banner*/
 
+        .content-setting .form-group .uploadImage{
 
+            position: relative;
 
+        }
 
+        .content-setting .form-group .uploadImage div{
 
+            height: 28px;
 
+            line-height: 28px;
 
+        }
 
+        .content-setting .form-group .uploadImage div button{
 
+            width: 90px;
 
+            height: 28px;
 
+            line-height: 28px;
 
+            text-align: center;
 
+            font-size: 14px;
 
+            color: #6d6d6d;
 
+            background: -webkit-linear-gradient(top, #fff 0%,#dadada 100%);
 
+            background: -o-linear-gradient(top, #fff 0%,#dadada 100%);
 
+            background: -ms-linear-gradient(top, #fff 0%,#dadada 100%);
 
+            background: linear-gradient(to bottom, #fff 0%,#dadada 100%);
 
+            border: 1px solid #dcdcdc;
 
+            border-radius: 3px;
 
+        }
 
+        .content-setting .form-group .uploadImage div span{
 
+            margin-left: 20px;
 
+            font-size: 12px;
 
+            color: #969696;
 
+        }
 
+        .content-setting .form-group .uploadImage input{
 
+            position: absolute;
 
+            top: 0;
 
+            left: 0;
 
+            width: 90px;
 
+            height: 28px;
 
+            opacity: 0;
 
+            outline: none;
 
+        }
 
+        .content-setting .form-group .uploadImage .img-show {
 
+            margin: 15px 0 25px;
 
+            width: 160px;
 
+            height: 160px;
 
+            line-height: 160px;
 
+            text-align: center;
 
+        }
 
+        .content-setting .form-group .uploadImage .img-show img{
 
+            width: 100%;
 
+            height: 100%;
 
+        }
 
+        .content-setting .form-group .uploadImage .img-shows {
 
+            margin: 15px 0 30px;
 
+            width: 480px;
 
+            height: 60px;
 
+            line-height: 60px;
 
+            text-align: center;
 
+        }
 
     </style>
 
 </head>
 
 <body class="skin-blue sidebar-mini  pace-done">
 
@@ -630,6 +684,22 @@
 
                                 <textarea name="" id="" cols="30" rows="10" class="form-control"></textarea>
 
                             </div>
 
                         </div>
 
+                        <div class="form-group clearfix">
 
+                            <label for="" class="control-label fl">封面图片</label>
 
+                            <div class="fl uploadImage">
 
+                                <div><button>上传图片</button><span>(160*160)</span></div>
 
+                                <input type="file">
 
+                                <div class="img-show"><img src="static/images/reward.png" alt=""/></div>
 
+                            </div>
 
+                        </div>
 
+                        <div class="form-group clearfix">
 
+                            <label for="" class="control-label fl">Banner</label>
 
+                            <div class="fl uploadImage">
 
+                                <div><button>上传图片</button><span>(1140*140)</span></div>
 
+                                <input type="file">
 
+                                <div class="img-show img-shows"><img src="static/images/active01.png" alt=""/></div>
 
+                            </div>
 
+                        </div>
 
                         <div class="form-group clearfix">
 
                             <label for="" class="control-label fl">活动奖品</label>
 
                             <div class="prise fl">

BIN
donate-console/src/main/webapp/resources/images/active01.png
View File


BIN
donate-console/src/main/webapp/resources/images/reward.png
View File