|
@@ -140,36 +140,38 @@
|
|
<tui-bottom-popup :radius="true" :show="popupShow" @close="hidePopup()">
|
|
<tui-bottom-popup :radius="true" :show="popupShow" @close="hidePopup()">
|
|
<view class="tui-popup-box clearfix">
|
|
<view class="tui-popup-box clearfix">
|
|
<view class="title">商品参数</view>
|
|
<view class="title">商品参数</view>
|
|
- <view class="content">
|
|
|
|
- <view class="content-tr">
|
|
|
|
- <view class="content-td">起订量</view>
|
|
|
|
- <view class="content-th">{{product.minBuyNumber}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="content-tr">
|
|
|
|
- <view class="content-td">品牌</view>
|
|
|
|
- <view class="content-th">{{product.brandName == null? '其他' : product.brandName}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="content-tr">
|
|
|
|
- <view class="content-td">分类</view>
|
|
|
|
- <view class="content-th">{{product.typeName == null? '暂无' : product.typeName}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="content-tr">
|
|
|
|
- <view class="content-td">包装规格</view>
|
|
|
|
- <view class="content-th">{{product.unit}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="content-tr">
|
|
|
|
- <view class="content-td">商品编码</view>
|
|
|
|
- <view class="content-th">{{product.productCode}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="content-tr">
|
|
|
|
- <view class="content-td">库存</view>
|
|
|
|
- <view class="content-th">{{product.stock}}</view>
|
|
|
|
- </view>
|
|
|
|
- <view class="content-tr" v-if="product.parametersList.length>0" v-for="(item, index) in product.parametersList" :key="index">
|
|
|
|
- <view class="content-td">{{item.paramsName}}</view>
|
|
|
|
- <view class="content-th">{{item.paramsContent}}</view>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <div class="tui-popup-main">
|
|
|
|
+ <scroll-view class="tui-popup-scroll" scroll-y="true">
|
|
|
|
+ <view class="content-tr">
|
|
|
|
+ <view class="content-td">起订量</view>
|
|
|
|
+ <view class="content-th">{{product.minBuyNumber}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-tr">
|
|
|
|
+ <view class="content-td">品牌</view>
|
|
|
|
+ <view class="content-th">{{product.brandName == null? '其他' : product.brandName}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-tr">
|
|
|
|
+ <view class="content-td">分类</view>
|
|
|
|
+ <view class="content-th">{{product.typeName == null? '暂无' : product.typeName}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-tr">
|
|
|
|
+ <view class="content-td">包装规格</view>
|
|
|
|
+ <view class="content-th">{{product.unit}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-tr">
|
|
|
|
+ <view class="content-td">商品编码</view>
|
|
|
|
+ <view class="content-th">{{product.productCode}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-tr">
|
|
|
|
+ <view class="content-td">库存</view>
|
|
|
|
+ <view class="content-th">{{product.stock}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="content-tr" v-if="product.parametersList.length>0" v-for="(item, index) in product.parametersList" :key="index">
|
|
|
|
+ <view class="content-td">{{item.paramsName}}</view>
|
|
|
|
+ <view class="content-th">{{item.paramsContent}}</view>
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view>
|
|
|
|
+ </div>
|
|
<view class="tui-right-flex tui-popup-btn" :style="{ paddingBottom :isIphoneX ? '68rpx' : '0rpx' }">
|
|
<view class="tui-right-flex tui-popup-btn" :style="{ paddingBottom :isIphoneX ? '68rpx' : '0rpx' }">
|
|
<view class="tui-flex-1">
|
|
<view class="tui-flex-1">
|
|
<view class="tui-button" @click="hidePopup()">收起</view>
|
|
<view class="tui-button" @click="hidePopup()">收起</view>
|
|
@@ -1709,30 +1711,34 @@
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 88rpx;
|
|
height: 88rpx;
|
|
}
|
|
}
|
|
- .content{
|
|
|
|
|
|
+ .tui-popup-main{
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: auto;
|
|
|
|
float: left;
|
|
float: left;
|
|
- .content-tr{
|
|
|
|
|
|
+ .tui-popup-scroll{
|
|
width: 100%;
|
|
width: 100%;
|
|
- height: 58rpx;
|
|
|
|
- line-height: 58rpx;
|
|
|
|
- display: flex;
|
|
|
|
- .content-td{
|
|
|
|
- display: flex;
|
|
|
|
- flex: 3;
|
|
|
|
- font-size: $font-size-26;
|
|
|
|
- color: #999999;
|
|
|
|
|
|
+ height: 500rpx;
|
|
|
|
+ .content-tr{
|
|
|
|
+ width: 100%;
|
|
|
|
+ min-height: 58rpx;
|
|
line-height: 58rpx;
|
|
line-height: 58rpx;
|
|
- text-align: left;
|
|
|
|
- }
|
|
|
|
- .content-th{
|
|
|
|
display: flex;
|
|
display: flex;
|
|
- flex: 7;
|
|
|
|
- font-size: $font-size-26;
|
|
|
|
- color: #333333;
|
|
|
|
- line-height: 58rpx;
|
|
|
|
- text-align: left;
|
|
|
|
|
|
+ .content-td{
|
|
|
|
+ display: flex;
|
|
|
|
+ flex: 3;
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ color: #999999;
|
|
|
|
+ line-height: 58rpx;
|
|
|
|
+ text-align: left;
|
|
|
|
+ }
|
|
|
|
+ .content-th{
|
|
|
|
+ display: flex;
|
|
|
|
+ flex: 7;
|
|
|
|
+ font-size: $font-size-26;
|
|
|
|
+ color: #333333;
|
|
|
|
+ line-height: 58rpx;
|
|
|
|
+ text-align: left;
|
|
|
|
+ padding-left: 10rpx;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|