Add new template in seven piece.

dlstatic
1 parent 42402a6e
Showing 4 changed files with 148 additions and 0 deletions
css/common.css
css/common.less
html/index.html
images/src/wap/bigcheer.png
@@ -1338,6 +1338,34 @@ Pagination Styles
   position: relative;
   top: 5px;
 }
+.bigcheer {
+  background: #dcdcdc;
+}
+.bigcheer .redrow {
+  background-color: #fff1d6;
+}
+.bigcheer .redrow .rtitle > span {
+  color: #424242;
+}
+.bigcheer .redline .icon_link,
+.bigcheer .redrow .icon_link {
+  background-image: url(../images/src/wap/bigcheer.png);
+}
+.bigcheer .redrow .linkword {
+  background: none;
+}
+.bigcheer .redrow .rbox {
+  background: none;
+}
+.bigcheer .redrow .rbox .rprice {
+  margin-top: 10px;
+  font-weight: bold;
+  font-family: SimHei;
+}
+.bigcheer .redline .rprice > .rrt {
+  background: none;
+  color: #d50902;
+}
 @media screen and (max-device-width: 340px) {
   .redtheme .redline .rprice {
     font-size: 12px;
@@ -197,6 +197,34 @@
     }
   }
 }
+.bigcheer {
+  background: #dcdcdc;
+  .redrow {
+    background-color: #fff1d6;
+  }
+  .redrow .rtitle > span {
+    color: #424242;
+  }
+  .redline .icon_link,
+  .redrow .icon_link {
+    background-image: url(../images/src/wap/bigcheer.png);
+  }
+  .redrow .linkword {
+    background: none;
+  }
+  .redrow .rbox {
+    background: none;
+    .rprice {
+      margin-top: 10px;
+      font-weight: bold;
+      font-family: SimHei;
+    }
+  }
+  .redline .rprice > .rrt {
+    background: none;
+    color: #d50902;
+  }
+}
  
 @media screen and (max-device-width: 340px) { 
   .redtheme .redline .rprice {
@@ -20,6 +20,98 @@
     </div>
   </header>
  
+  <div class="redtheme bigcheer">
+    <ul>
+      <li class="redrow">
+        <a href="#">
+          <div class="spec2">
+            <img src="../temp/fnow.png" alt="" />
+          </div>
+          <div class="spec2 rbox">
+            <p class="rtitle">
+              <span>
+                精品水果里和
+                精品水果里和
+                精品水果里和
+              </span>
+            </p>
+            <p class="rprice">
+              <span>￥</span><span class="big">2000</span><span>.00</span>
+            </p>
+            <p class="linkword">
+              <i class="icon_link"></i>
+            </p>
+          </div>
+        </a>
+      </li>
+      <li class="redrow">
+        <a href="#">
+          <div class="spec2">
+            <img src="../temp/fnow.png" alt="" />
+          </div>
+          <div class="spec2 rbox">
+            <p class="rtitle">
+              <span>
+                精品水果里和
+                精品水果里和
+                精品水果里和
+              </span>
+            </p>
+            <p class="rprice">
+              <span>￥</span><span class="big">2000</span><span>.00</span>
+            </p>
+            <p class="linkword">
+              <i class="icon_link"></i>
+            </p>
+          </div>
+        </a>
+      </li>
+      <li class="redline">
+        <div class="spec2">
+          <div class="lineimg">
+            <div class="innerimg">
+              <img src="../temp/fnow.png" alt="" />
+            </div>
+            <p class="rtitle">
+              <span>
+                精品水果里和
+                精品水果里和
+                精品水果里和
+              </span>
+            </p>
+            <p class="rprice">
+              <span class="rrt">特供价</span>
+              <span>￥</span><span class="big">2000</span><span>.00</span>
+            </p>
+            <p class="linkword">
+              <i class="icon_link"></i>
+            </p>
+          </div>
+        </div>
+        <div class="spec2">
+          <div class="lineimg">
+            <div class="innerimg">
+              <img src="../temp/fnow.png" alt="" />
+            </div>
+            <p class="rtitle">
+              <span>
+                精品水果里和
+                精品水果里和
+                精品水果里和
+              </span>
+            </p>
+            <p class="rprice">
+              <span>￥</span><span class="big">2000</span><span>.00</span>
+            </p>
+            <p class="linkword">
+              <i class="icon_link"></i>
+            </p>
+          </div>
+        </div>
+      </li>
+    </ul>
+  </div>
+
   <div class="redtheme">
     <ul>
       <li class="redrow">