<template>
|
<view class="trade-detail">
|
<view class="top-img-container">
|
<image src="" class="top-img"></image>
|
<view class="icon-container">
|
<image src="../../../static/common/icon-sc.png" class="icon-sc"></image>
|
<view class="num">12</view>
|
</view>
|
<view class="icon-container">
|
<image src="../../../static/common/icon-shop.png" class="icon-shop"></image>
|
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
|
.trade-detail{
|
.top-img-container{
|
position: relative;
|
.top-img{
|
width: 750rpx;
|
height: 764rpx;
|
}
|
.icon-container{
|
position: absolute;
|
top: 20rpx;
|
width: 80rpx;
|
height: 80rpx;
|
background: rgba(0,0,0,0.42);
|
|
.icon-sc{
|
width: 54rpx;
|
height: 54rpx;
|
margin: 0 auto;
|
margin-top: 12rpx;
|
}
|
.icon-shop{
|
width: 54rpx;
|
height: 54rpx;
|
margin: 0 auto;
|
margin-top: 12rpx;
|
}
|
.num{
|
font-weight: 400;
|
font-size: 20rpx;
|
color: #FFFFFF;
|
line-height: 28rpx;
|
position: absolute;
|
top: 6prx;
|
right: 16rpx;
|
}
|
}
|
.icon-container:last-child{
|
left: 120rpx;
|
}
|
.icon-container:first-child{
|
left: 20rpx;
|
}
|
|
}
|
}
|
</style>
|
