You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
1.1 KiB
64 lines
1.1 KiB
<template> |
|
<view class="site_list"> |
|
<view class="site_item" v-for="item in site" :key="item.id" @click="navigator(item.id)"> |
|
<view class="price"> |
|
<text>{{item.sell_price}}</text> |
|
<text>{{item.market_price}}</text> |
|
</view> |
|
<view class="name"> |
|
{{item.title}} |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
props: ['site'], |
|
methods: { |
|
navigator (id) { |
|
this.$emit('siteItemClick',id) |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
.site_list { |
|
padding: 0 15rpx; |
|
display: flex; |
|
flex-wrap: wrap; |
|
justify-content: space-between; |
|
.site_item { |
|
background: #fff; |
|
width: 355rpx; |
|
margin: 10rpx 0; |
|
padding: 15rpx; |
|
box-sizing: border-box; |
|
image{ |
|
width: 80%; |
|
height: 150px; |
|
display: block; |
|
margin: auto; |
|
} |
|
.price{ |
|
color: #007AFF; |
|
font-size: 36rpx; |
|
margin: 20rpx 0 5rpx 0; |
|
text:nth-child(2){ |
|
color: #ccc; |
|
font-size: 28rpx; |
|
margin-left: 17rpx; |
|
text-decoration: line-through; |
|
} |
|
} |
|
|
|
.name { |
|
font-size: 28rpx; |
|
line-height: 50rpx; |
|
padding-bottom: 15rpx; |
|
padding-top: 10rpx; |
|
} |
|
} |
|
} |
|
</style>
|
|
|