67 lines
1.2 KiB
Vue
67 lines
1.2 KiB
Vue
<template>
|
|
<view class="shop-item-view" @click="onJump">
|
|
<view class="top-img-view flex-r-lr">
|
|
<image :src="obj.url"></image>
|
|
</view>
|
|
<view class="bottom-shop-view">
|
|
<text class="text-28 text-zu text-overflow1">{{obj.title}}</text>
|
|
<text class="text-28" style="color:#FF4242">
|
|
￥{{obj.price}}
|
|
<text class="text-24 text-fu text-d" style="margin-left:12rpx">
|
|
￥{{obj.adPrice}}
|
|
</text>
|
|
</text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
export default {
|
|
props:{
|
|
obj:{
|
|
type:Object,
|
|
default:null
|
|
},
|
|
},
|
|
mounted(){
|
|
},
|
|
methods: {
|
|
onJump(){
|
|
this.$emit('click');
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.shop-item-view{
|
|
width:332rpx;
|
|
height:498rpx;
|
|
min-height:498rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-radius: 24rpx;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
.bottom-shop-view{
|
|
width:100%;
|
|
padding: 16rpx 24rpx 0;
|
|
box-sizing: border-box;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
.top-img-view{
|
|
width:332rpx;
|
|
height:332rpx;
|
|
min-height:332rpx;
|
|
image{
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
</style>
|