选择商品

2020-07-21 08:57:48 +08:00
parent 686a1b5c56
commit d2ddb26479
4 changed files with 66 additions and 3 deletions
--- a/components/release/shop-item.vue
+++ b/components/release/shop-item.vue
@@ -1,5 +1,12 @@
 <template>
-
+    <view class="item">
+        <image></image>
+        <view class="title u-line-1" ></view>
+        <view class="info">
+            <text></text>
+            <text></text>
+        </view>
+    </view>
 </template>
 <script>
 export default {
@@ -10,4 +17,37 @@ export default {
        }
    }
 }
-</script>
+</script>
+<style lang="scss" scoped>
+.item{
+    width: 214rpx;
+    height: 297rpx;
+    position: relative;
+    >image{
+        width: 100%;
+        height: 207rpx;
+    }
+    .title{
+        width: 194rpx;
+        margin: 19rpx auto;
+        margin-bottom: 0;
+        font-size: 26rpx;
+        color: #333;
+    }
+    .info{
+        display: flex;
+        padding: 0 10rpx;
+        align-items: flex-end;
+        justify-content: space-between;
+        >text:first-child{
+            font-size: 26rpx;
+            color: #FF3131;
+        }
+        >text:last-child{
+            font-size: 20rpx;
+            color: #999;
+            
+        }
+    }
+}
+</style>