main
Csqqqqq 4 months ago
parent 90a3f6492f
commit ff71489daa

@ -74,7 +74,7 @@
name:'商家介绍',
value:'3'
}],
activeID:1
activeID:2
}
},
methods:{
@ -105,11 +105,11 @@
}
.topImgCon{
height: 300rpx;
width: 752rpx;
width: 750rpx;
overflow-y: hidden;
}
.topBg{
width: 752rpx;
width: 750rpx;
position: relative;
}
.shopTip{

@ -70,7 +70,7 @@
padding: 16rpx;
margin: 0 auto;
display: flex;
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.shopIcon{
width: 144rpx;
@ -172,14 +172,11 @@
}
}
.shopCommodity{
width: 506rpx;
height: 196rpx;
margin-top: 20rpx;
display: flex;
overflow-x: auto;
.shopCommodityCon{
width: 120rpx;
height: 196rpx;
margin-right: 20rpx;
>image{
width: 120rpx;

@ -35,8 +35,10 @@
</view>
<view class="inputBtnCon">
<view class="left">
<text class="allValue">{{allValue}}</text><br>
<text >共计金额</text>
<view class="left-top">
<text class="allValue">{{allValue}}</text>
</view>
<view class="left-bottom">共计金额</view>
</view>
<view class="allPrice">
<text >{{allPrice}}</text>
@ -92,8 +94,8 @@ import index from '../../../uni_modules/uview-ui'
price:'50.60',
value:0
}],
allValue:2888,
allPrice:2888888,
allValue:28888,
allPrice:28888.888,
show:false,
columns:[
["50规格","49规格","38规格"],
@ -223,7 +225,9 @@ import index from '../../../uni_modules/uview-ui'
height: 184rpx;
background: #FFFFFF;
display: flex;
padding-left: 20rpx;
justify-content: space-between;
padding-left: 36rpx;
box-sizing: border-box;
.left{
height: 74rpx;
font-weight: 400;
@ -231,13 +235,14 @@ import index from '../../../uni_modules/uview-ui'
color: rgba(0,0,0,0.3);
margin-top: 42rpx;
text-align-last:justify;
margin-right: 12rpx;
.left-top{
.allValue{
font-weight: 600;
font-size: 30rpx;
color: #222222;
}
}
}
.allPrice{
margin-top: 46rpx;
height: 68rpx;
@ -253,7 +258,7 @@ import index from '../../../uni_modules/uview-ui'
}
}
.inputBtn{
width: 346rpx;
width: 280rpx;
height: 92rpx;
background: linear-gradient( 91deg, #43A1FF 0%, #2F80F9 100%), #FFFFFF;
border-radius: 24rpx;
@ -261,6 +266,8 @@ import index from '../../../uni_modules/uview-ui'
font-size: 28rpx;
color: #FFFFFF;
margin-top: 24rpx;
margin-left: 4rpx;
margin-right: 36rpx;
padding-top: 10rpx;
box-sizing: border-box;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -212,7 +212,7 @@ var _default = {
name: '商家介绍',
value: '3'
}],
activeID: 1
activeID: 2
};
},
methods: {

@ -30,11 +30,11 @@
}
.topImgCon {
height: 300rpx;
width: 752rpx;
width: 750rpx;
overflow-y: hidden;
}
.topBg {
width: 752rpx;
width: 750rpx;
position: relative;
}
.shopTip {

@ -32,7 +32,7 @@
padding: 16rpx;
margin: 0 auto;
display: flex;
margin-top: 20rpx;
margin-bottom: 20rpx;
}
.shopIcon {
width: 144rpx;
@ -133,15 +133,12 @@
margin-left: 2rpx;
}
.right .shopCommodity {
width: 506rpx;
height: 196rpx;
margin-top: 20rpx;
display: flex;
overflow-x: auto;
}
.right .shopCommodity .shopCommodityCon {
width: 120rpx;
height: 196rpx;
margin-right: 20rpx;
}
.right .shopCommodity .shopCommodityCon > image {

@ -208,6 +208,8 @@ var _uviewUi = _interopRequireDefault(__webpack_require__(/*! ../../../uni_modul
//
//
//
//
//
var _default = {
data: function data() {
return {
@ -244,8 +246,8 @@ var _default = {
price: '50.60',
value: 0
}],
allValue: 2888,
allPrice: 2888888,
allValue: 28888,
allPrice: 28888.888,
show: false,
columns: [["50规格", "49规格", "38规格"]],
index: 0

@ -1 +1 @@
<view class="wholeSales"><view class="top"><text>批发规格</text><view><u-picker class="vue-ref" vue-id="d3ed9efc-1" show="{{show}}" columns="{{columns}}" data-ref="uPicker" data-event-opts="{{[['^cancel',[['e0']]],['^confirm',[['confirm']]]]}}" bind:cancel="__e" bind:confirm="__e" bind:__l="__l"></u-picker><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="openBtn" bindtap="__e">{{''+columns[0][index]+''}}<u-icon vue-id="d3ed9efc-2" name="arrow-down-fill" bind:__l="__l"></u-icon></view></view></view><view class="body"><block wx:for="{{clist}}" wx:for-item="item" wx:for-index="__i0__"><view class="item"><view class="type-price"><text class="ctype">{{item.type}}</text><text class="price">{{item.price}}</text></view><view class="bottom"><text class="bottom-text">批发重量(斤)</text><u-number-box vue-id="{{'d3ed9efc-3-'+__i0__}}" button-size="30" value="{{item.value}}" data-event-opts="{{[['^change',[['valChange']]],['^input',[['__set_model',['$0','value','$event',[]],[[['clist','',__i0__]]]]]]]}}" bind:change="__e" bind:input="__e" bind:__l="__l"></u-number-box></view></view></block></view><view class="wholeSales-bottom"><view class="tip">当前未满足 50 斤最低起批量,无法下单</view><view class="inputBtnCon"><view class="left">共<text class="allValue">{{allValue}}</text>斤<view class="_br"></view><text>共计金额</text></view><view class="allPrice"><text>{{allPrice}}</text></view><button class="inputBtn">批发下单</button></view></view></view>
<view class="wholeSales"><view class="top"><text>批发规格</text><view><u-picker class="vue-ref" vue-id="d3ed9efc-1" show="{{show}}" columns="{{columns}}" data-ref="uPicker" data-event-opts="{{[['^cancel',[['e0']]],['^confirm',[['confirm']]]]}}" bind:cancel="__e" bind:confirm="__e" bind:__l="__l"></u-picker><view data-event-opts="{{[['tap',[['e1',['$event']]]]]}}" class="openBtn" bindtap="__e">{{''+columns[0][index]+''}}<u-icon vue-id="d3ed9efc-2" name="arrow-down-fill" bind:__l="__l"></u-icon></view></view></view><view class="body"><block wx:for="{{clist}}" wx:for-item="item" wx:for-index="__i0__"><view class="item"><view class="type-price"><text class="ctype">{{item.type}}</text><text class="price">{{item.price}}</text></view><view class="bottom"><text class="bottom-text">批发重量(斤)</text><u-number-box vue-id="{{'d3ed9efc-3-'+__i0__}}" button-size="30" value="{{item.value}}" data-event-opts="{{[['^change',[['valChange']]],['^input',[['__set_model',['$0','value','$event',[]],[[['clist','',__i0__]]]]]]]}}" bind:change="__e" bind:input="__e" bind:__l="__l"></u-number-box></view></view></block></view><view class="wholeSales-bottom"><view class="tip">当前未满足 50 斤最低起批量,无法下单</view><view class="inputBtnCon"><view class="left"><view class="left-top">共<text class="allValue">{{allValue}}</text>斤</view><view class="left-bottom">共计金额</view></view><view class="allPrice"><text>{{allPrice}}</text></view><button class="inputBtn">批发下单</button></view></view></view>

@ -128,7 +128,9 @@
height: 184rpx;
background: #FFFFFF;
display: flex;
padding-left: 20rpx;
justify-content: space-between;
padding-left: 36rpx;
box-sizing: border-box;
}
.wholeSales .inputBtnCon .left {
height: 74rpx;
@ -137,9 +139,8 @@
color: rgba(0, 0, 0, 0.3);
margin-top: 42rpx;
text-align-last: justify;
margin-right: 12rpx;
}
.wholeSales .inputBtnCon .left .allValue {
.wholeSales .inputBtnCon .left .left-top .allValue {
font-weight: 600;
font-size: 30rpx;
color: #222222;
@ -159,7 +160,7 @@
margin-right: 4rpx;
}
.wholeSales .inputBtnCon .inputBtn {
width: 346rpx;
width: 280rpx;
height: 92rpx;
background: linear-gradient(91deg, #43A1FF 0%, #2F80F9 100%), #FFFFFF;
border-radius: 24rpx;
@ -167,6 +168,8 @@
font-size: 28rpx;
color: #FFFFFF;
margin-top: 24rpx;
margin-left: 4rpx;
margin-right: 36rpx;
padding-top: 10rpx;
box-sizing: border-box;
}

Loading…
Cancel
Save