2

public/stylesheets/index.css

@@ -300,4 +300,43 @@
 .products ul li:nth-child(n+3) > div:first-child {
   background-size: cover;
 }
+.products ul li:nth-child(n+3) > div:last-child {
+  position: relative;
+}
+.products ul li:nth-child(n+3) > div:last-child h3 {
+  font-size: 40px;
+  margin-top: 80px;
+  text-align: center;
+}
+.products ul li:nth-child(n+3) > div:last-child hr {
+  border: transparent;
+}
+.products ul li:nth-child(n+3) > div:last-child > div:nth-child(3) {
+  width: 100%;
+  margin-bottom: 24px;
+  position: absolute;
+  left: 0;
+  top: 63px;
+}
+.products ul li:nth-child(n+3) > div:last-child > div:nth-child(3) span {
+  width: 33%;
+  display: block;
+  float: left;
+  font-size: 16px;
+  text-align: center;
+}
+.products ul li:nth-child(n+3) > div:last-child > div:nth-child(3) span strong {
+  font-size: 30px;
+}
+.products ul li:nth-child(n+3) > div:last-child > div:last-child {
+  position: absolute;
+  top: 160px;
+  left: 0;
+  width: 100%;
+  text-align: center;
+  font-size: 24px;
+}
+.products ul li:nth-child(n+3) > div:last-child > div:last-child a {
+  color: #fff;
+}
 /*product end*/

public/stylesheets/index.less

@@ -300,7 +300,6 @@
         margin-right: 30px;
         &:last-child {
           margin-right: 0;
-          
         }
         & > div {
           position: absolute;
@@ -310,6 +309,45 @@
             background-size: cover;
           }
         }
+        & >div:last-child {
+          position: relative;
+          h3 {
+            font-size: 40px;
+            margin-top: 80px;
+            text-align: center;
+          }
+          hr {
+            border: transparent;
+          }
+          & > div:nth-child(3) {
+            width: 100%;
+            margin-bottom: 24px;
+            position: absolute;
+            left: 0;
+            top:63px;
+            span {
+              width: 33%;
+              display: block;
+              float: left;
+              font-size: 16px;
+              text-align: center;
+              strong {
+                font-size: 30px;
+              }
+            }
+          }
+          & > div:last-child {
+            position:absolute;
+            top:160px;
+            left:0;
+            width: 100%;
+            text-align: center;
+            font-size: 24px;
+            a {
+              color: #fff;
+            }
+          }
+        }
       }
     }
   }

views/index.hbs

@@ -131,8 +131,10 @@
                         <strong>{{this.maxProfits}}</strong>%<br/>最高收益
                     </span>
                     </div>
+                    <div>
                         <a href="{{this.link}}">查看详情 &gt;</a>
                     </div>
+                </div>
             </li>
         {{/each}}
     </ul>