TmOct5/dtx_store
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

商城首页新增店铺，店铺详情，店铺列表，

Browse Source
This commit is contained in:
张冬雪
2022-06-08 11:51:41 +08:00
parent 1c6091371e
commit 705619f013
17 changed files with 7058 additions and 4229 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
uni_modules/oct-goods/components/oct-goods/oct-goods.vue
View File

@@ -5,7 +5,13 @@
<view class="item--cover" :style="{backgroundImage: 'url(' + item.cover + ')'}" />
<view class="item--content">
<view class="title">{{item.name}}</view>
<view class="price" :style="{color: color}"><text>{{priceType}}</text>{{item.price.price_min || '0'}}</view>
<view class="sub_title">{{item.shop.name}}</view>
<view class="price" :style="{color: color}">{{item.price.price_min || '0'}}
<view class="price-type">
<text> DT积分</text>
<text class="kucun" v-if="showSalce"> 库存量:1222</text>
</view>
</view>
</view>
</view>
</view>
@@ -30,11 +36,13 @@
type: String,
required: false,
default: "#d4282d"
}
},
showSalce:{
type:Boolean,
default:true
}
},
mounted() {
}
mounted() {}
}
</script>
<style lang="scss" scoped>
@@ -69,6 +77,7 @@
border-radius: $radius;
overflow: hidden;
margin: $margin;
box-shadow: 0 0 24rpx 4rpx rgba($color: #000000, $alpha: 0.1);
.item--cover{
width: 100%;
padding-top: 100%;
@@ -79,21 +88,44 @@
padding: $padding - 10;
& > .title{
font-size: 28rpx;
line-height: 40rpx;
height: 80rpx;
color: #333;
@extend .ellipsis-2;
@extend .ellipsis-1;
}
& > .sub_title{
color: #a05f0c;
font-size: 24rpx;
padding-top: 4rpx;
@extend .ellipsis-1;
}
& > .price{
padding-top: $padding/2;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
box-sizing: border-box;
line-height: 40rpx;
font-weight: bold;
font-size: 28rpx;
font-size: 32rpx;
@extend .ellipsis-1;
text{
margin-right: $margin/2;
font-size: 80%;
}
.price-type{
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
box-sizing: border-box;
flex: 1;
text{
margin-right: $margin/2;
padding-left: 6rpx;
font-size: 70%;
}
.kucun{
color: $text-gray;
font-weight: normal;
}
}
}
}
}