deming/components/shop/group/item.vue

51 lines
1010 B
Vue
Raw Normal View History

2020-06-11 16:12:04 +08:00
<template>
<view class="item">
2020-07-20 17:17:41 +08:00
<image class="head" :src="info.pintuan_image"></image>
<text class="title u-line-1">{{ info.pintuan_goods_name }}</text>
2020-06-11 16:12:04 +08:00
<view class="price">
2020-07-20 17:17:41 +08:00
<text>{{ info.pintuan_goods_price }}</text>
<text>立即购买</text>
2020-06-11 16:12:04 +08:00
</view>
</view>
</template>
<script>
export default {
2020-07-20 17:17:41 +08:00
name:"item",
props: {
info: Object
}
2020-06-11 16:12:04 +08:00
}
</script>
<style lang="scss" scoped>
.item{
width: 210rpx;
.head{
width: 210rpx;
height: 131rpx;
border-radius: 6rpx;
}
.title{
2020-07-20 17:17:41 +08:00
display: inline-block;
width: 100%;
2020-06-11 16:12:04 +08:00
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>