shop

2020-06-11 16:37:52 +08:00
parent 55238876a8
commit 09f11d7d44
3 changed files with 94 additions and 3 deletions
--- a/components/shop/list/index.vue
+++ b/components/shop/list/index.vue
@@ -1,15 +1,54 @@
 <template>
    <view class="list">
-        
+        <view class="top">
+            商品推荐
+        </view>
+        <view class="label">
+            <text>asd</text>
+            <text>sda</text>
+            <text>w3eq</text>
+        </view>
+        <view class="item">
+            <item></item>
+            <item></item>
+            <item></item>
+            <item></item>
+            <item></item>
+        </view>
    </view>    
 </template>
 <script>
+import item from "./item"
 export default {
-    name:"list"
+    name:"list",
+    components:{
+        item
+    }
 }
 </script>
 <style lang="scss" scoped>
 .list{
+    .top{
+        font-size: 30rpx;
+        height: 90rpx;
+        line-height: 90rpx;
+        text-align: center;
+        color: #333;
+    }
+    .label{
+        display: flex;
+        color: #999;

+        >text{
+            margin-right: 34rpx;
+        }
+    }
+    .item{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        margin-top: 20rpx;
+
+    }
 }
 </style>