店铺分享

components/mobile/share/store/CommodityList.vue

@@ -7,12 +7,39 @@
       </div>
       <div class="fr">真实库存、真实价格</div>
     </div>
+    <ul>
+      <li>
+        <div class="fl">
+          <p>ASDHAKHFKSAJFHKA</p>
+          <span>panasonic</span>
+        </div>
+        <div class="fr">
+          <span>$</span>
+          <span>1111.111111</span>
+        </div>
+      </li>
+      <li>
+        <div class="fl">
+          <p>ASDHAKHFKSAJFHKA</p>
+          <span>panasonic</span>
+        </div>
+        <div class="fr">$1111.111111</div>
+      </li>
+      <li>
+        <div class="fl">
+          <p>ASDHAKHFKSAJFHKA</p>
+          <span>panasonic</span>
+        </div>
+        <div class="fr">$1111.111111</div>
+      </li>
+    </ul>
   </div>
 </template>
 <style lang="scss" scoped>
   .share-store-commodity {
     padding: .24rem .3rem;
     .title {
+      margin-bottom: .2rem;
       img {
         width: 1.59rem;
         height: .45rem;
@@ -43,5 +70,30 @@
         top: .16rem;
       }
     }
+    > ul {
+      li {
+        height: .82rem;
+        .fl {
+          p {
+            font-size: .24rem;
+            color: #f1a850;
+          }
+          span {
+            font-size: .21rem;
+            color: #999;
+          }
+        }
+        .fr {
+          font-size: .24rem;
+          color: #e21616;
+          line-height: .82rem;
+          span {
+            &:nth-child(2) {
+              font-size: .26rem;
+            }
+          }
+        }
+      }
+    }
   }
 </style>