一元捐前端页面—活动详情页将蓝色图片上的文字设为动态可变的。

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

@@ -105,15 +105,23 @@
             color: #303030;
         }
         .section1 .img{
+            position: relative;
             margin: 15px 0 20px 0;
             width: 100%;
             height: 140px;
-            border: 1px solid #e1e1e1;
+            line-height: 140px;
         }
         .section1 .img img{
             width: 100%;
             height: 140px;
         }
+        .section1 .img span{
+            position: absolute;
+            top: 0px;
+            left: 180px;
+            font-size: 30px;
+            color: #fff;
+        }
         .section2 .intro{
             width: 800px;
             text-align: left;
@@ -585,7 +593,10 @@
     <div class="container">
         <div class="section section1">
           <div class="nav"><span><a href="">活动列表</a></span><span>&gt;</span><span>优软一元捐感恩活动一</span></div>
-          <div class="img"><img src="static/images/activeCenter/active01.png" alt=""></div>
+          <div class="img">
+              <img src="static/images/activeCenter/active01.png" alt="">
+              <span>优软一元捐感恩活动一</span>
+          </div>
       </div>
         <div class="section section2">
             <div class="fl intro">