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

商品详情和确认下单页面新增多规格展示

Browse Source
This commit is contained in:
张冬雪
2022-07-07 09:53:07 +08:00
parent 7c755dc9e9
commit 6cdf4f21ef
4 changed files with 1560 additions and 1471 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
pages/store/buy.vue
View File

@@ -19,7 +19,10 @@
<block v-for="(item, index) in goodsInfo" :key="index">
<view class="goods-item">
<image class="order-cover" :src="item.items[0].cover" mode="aspectFill"></image>
<view class="order-title">{{item.items[0].title}}</view>
<view class="order-title">
<view class="title"> {{item.items[0].title}}</view>
<view class="subtitle" v-if="item.items[0] && item.items[0].value"> {{item.items[0].value}} </view>
</view>
<view class="order-count">
<view class="order-price">{{item.items[0].price}}<text class="type">DT积分</text></view>
</view>
@@ -214,12 +217,19 @@
height: 128rpx;
}
.order-title{
@extend .ellipsis;
text-align: left;
flex: 1;
padding-left: $margin;
font-size: 28rpx;
line-height: 40rpx;
// line-height: 40rpx;
.title{
font-size: 28rpx;
@extend .ellipsis;
text-align: left;
}
.subtitle{
font-size: 26rpx;
color: #666;
padding-top: 10rpx;
}
}
.order-count{
text-align: right;