shop

2020-06-11 16:12:04 +08:00
parent 16d586a50b
commit 55238876a8
6 changed files with 299 additions and 2 deletions
--- a/components/shop/group/item.vue
+++ b/components/shop/group/item.vue
@@ -0,0 +1,47 @@
+<template>
+    <view class="item">
+        <image class="head"></image>
+        <text class="title">商品名</text>
+        <view class="price">
+            <text>￥99</text>
+           <text>立即购买</text>
+
+        </view>
+    </view>
+</template>
+<script>
+export default {
+    name:"item"
+}
+</script>
+<style lang="scss" scoped>
+.item{
+    width: 210rpx;
+    .head{
+        width: 210rpx;
+        height: 131rpx;
+        border-radius: 6rpx;
+
+    }
+    .title{
+        font-size: 26rpx;
+        color: #333;
+        margin-top: 16rpx;
+    }
+    .price{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-top: 19rpx;
+        >text:first-child{
+            font-size: 26rpx;
+            color: #FF3131;
+        }
+         >text:last-child{
+            color: #FDD360;
+        }
+
+    }
+    
+}
+</style>