加价购 样式

@@ -52,6 +52,7 @@
     }
     }
 
 
     .name {
     .name {
+        width: 440rem / $pxConvertRem;
         font-size: 28rem / $pxConvertRem;
         font-size: 28rem / $pxConvertRem;
     }
     }
 
 
@@ -76,6 +77,11 @@
     .price {
     .price {
         font-size: 24rem / $pxConvertRem;
         font-size: 24rem / $pxConvertRem;
         color: #000;
         color: #000;
+
+        &.market-price {
+            color: #999;
+            text-decoration: line-through;
+        }
     }
     }
 
 
     .count {
     .count {
@@ -96,9 +102,9 @@
     }
     }
 
 
     .title {
     .title {
-        height: 50rem / $pxConvertRem;
-        line-height: 50rem / $pxConvertRem;
-        padding-left: 20rem / $pxConvertRem;
+        height: 60rem / $pxConvertRem;
+        line-height: 60rem / $pxConvertRem;
+        padding: 0 20rem / $pxConvertRem;
         font-size: 24rem / $pxConvertRem;
         font-size: 24rem / $pxConvertRem;
         background: #f8f8f8;
         background: #f8f8f8;
     }
     }
@@ -109,4 +115,4 @@
             content: '加价购';
             content: '加价购';
         }
         }
     }
     }
-}
+}

@@ -22,7 +22,7 @@
             <span class="price">
             <span class="price">
                 ¥{{price}}
                 ¥{{price}}
             </span>
             </span>
-             <span class="price">
+            <span class="price market-price">
                 ¥{{marketPrice}}
                 ¥{{marketPrice}}
             </span>
             </span>
             <span class="count">
             <span class="count">