gdpao

components/shop/seckill/item.vue

@@ -1,12 +1,12 @@
 <template>
     <view class="item" @click="spikeGoods">
-        <image class="head" :src="item.groupbuy_image1"></image>
+        <image class="head" :src="item.groupbuy_image1" mode="aspectFill"></image>
         <text class="title u-line-2">{{ item.goods_name }}</text>
         <view class="price">
             <text>￥{{ item.groupbuy_price }}</text>
             <text class="origin">￥{{ item.goods_price }}</text>
         </view>
-        <view class="info">
+        <view class="info" v-if="0">
             <text>剩余{{ item.inventory | formatValue }}件</text>
             <text>立即购买</text>
         </view>
@@ -55,23 +55,28 @@ export default {
 </script>
 <style lang="scss" scoped>
 .item{
-    width: 220rpx;
+    width: 30%;
+    margin-right: 50rpx;
     .head{
-        width: 210rpx;
-        height: 131rpx;
+        width: 100%;
+        height: 210rpx;
         border-radius: 6rpx;
 		background-color: antiquewhite;
     }
     .title{
+        width: 200rpx;
+        height: 30rpx;
+        margin-top: 6rpx;
         font-size: 26rpx;
+        line-height: 30rpx;
         color: #333;
-        margin-top: 16rpx;
+        -webkit-line-clamp: 1 !important;
     }
     .price{
         display: flex;
         align-items: center;
         justify-content: space-between;
-        margin-top: 19rpx;
+        margin-top: 10rpx;
         >text:first-child{
             font-size: 26rpx;
             color: #FF3131;
@@ -88,7 +93,7 @@ export default {
         align-items: center;
         justify-content: space-between;
         font-size: 20rpx;
-        margin-top: 19rpx;
+        margin-top: 10rpx;
         >text:first-child{
             color: #666;
         }