|
@@ -10,7 +10,6 @@
|
|
</view>
|
|
</view>
|
|
<view class="search-from name">
|
|
<view class="search-from name">
|
|
<text class="iconfont icon-iconfonticonfontsousuo1"></text>
|
|
<text class="iconfont icon-iconfonticonfontsousuo1"></text>
|
|
- <form class="search-block" action="javascript:void 0">
|
|
|
|
<input class="input"
|
|
<input class="input"
|
|
type="text"
|
|
type="text"
|
|
focus
|
|
focus
|
|
@@ -18,10 +17,8 @@
|
|
v-model="searchInputVal"
|
|
v-model="searchInputVal"
|
|
placeholder="请输入商品关键词"
|
|
placeholder="请输入商品关键词"
|
|
@input="onShowClose"
|
|
@input="onShowClose"
|
|
- @confirm="searchOpertor"
|
|
|
|
- @keyup.13="goSearch"
|
|
|
|
|
|
+ @confirm="searchOpertor(tabIndex)"
|
|
maxlength="20"/>
|
|
maxlength="20"/>
|
|
- </form>
|
|
|
|
<text class="iconfont icon-shanchu1" v-if="isShowClose" @click="delInputText()"></text>
|
|
<text class="iconfont icon-shanchu1" v-if="isShowClose" @click="delInputText()"></text>
|
|
</view>
|
|
</view>
|
|
<view class="search-btn" :class="tabIndex">
|
|
<view class="search-btn" :class="tabIndex">
|
|
@@ -94,7 +91,7 @@
|
|
<view class="count">
|
|
<view class="count">
|
|
<view class="number-box">
|
|
<view class="number-box">
|
|
<view class="iconfont icon-jianhao" @click.stop="changeCountSub(item,pros)"></view>
|
|
<view class="iconfont icon-jianhao" @click.stop="changeCountSub(item,pros)"></view>
|
|
- <input class="btn-input" type="number" maxlength='4' v-model="pros.initProductNum" @blur="changeNnmber($event,item,pros)">
|
|
|
|
|
|
+ <input class="btn-input" type="number" maxlength='6' v-model="pros.initProductNum" @blur="changeNnmber($event,item,pros)">
|
|
<view class="iconfont icon-jiahao" @click.stop="changeCountAdd(item,pros)"></view>
|
|
<view class="iconfont icon-jiahao" @click.stop="changeCountAdd(item,pros)"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -104,9 +101,10 @@
|
|
</view>
|
|
</view>
|
|
<view class="foot_conten" >
|
|
<view class="foot_conten" >
|
|
<view class="zuhe_foot-box">
|
|
<view class="zuhe_foot-box">
|
|
- <!-- -->
|
|
|
|
- <text>种类:{{item.productKind}}</text>
|
|
|
|
- <text >总数:{{item.productTotalNum}}</text>
|
|
|
|
|
|
+ <view class="">
|
|
|
|
+ <text>种类:{{item.productKind}}</text>
|
|
|
|
+ <text >总数:{{item.productTotalNum}}</text>
|
|
|
|
+ </view>
|
|
<text>总额:<text class="foot_text">{{item.productTotalAmount.toFixed(2)}}</text></text>
|
|
<text>总额:<text class="foot_text">{{item.productTotalAmount.toFixed(2)}}</text></text>
|
|
</view>
|
|
</view>
|
|
<button type="default" class="buycart" @click.stop="operationHanld(item)">加入购物车</button>
|
|
<button type="default" class="buycart" @click.stop="operationHanld(item)">加入购物车</button>
|
|
@@ -175,8 +173,8 @@
|
|
tabIndex:0,
|
|
tabIndex:0,
|
|
goodsList:[],
|
|
goodsList:[],
|
|
tabBars:[
|
|
tabBars:[
|
|
- {name:'单一商品',id:'danyi'},
|
|
|
|
- {name:'组合商品',id:'zuhe'}
|
|
|
|
|
|
+ {name:'单一',id:'danyi'},
|
|
|
|
+ {name:'组合',id:'zuhe'}
|
|
],
|
|
],
|
|
isShow: false,
|
|
isShow: false,
|
|
}
|
|
}
|
|
@@ -272,11 +270,6 @@
|
|
this.getcombinationProduct();
|
|
this.getcombinationProduct();
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- goSearch(event){
|
|
|
|
- if (event.keyCode == 13) {
|
|
|
|
- this.getcombinationProduct();
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
getcombinationProduct(loadMore){//组合搜索商品
|
|
getcombinationProduct(loadMore){//组合搜索商品
|
|
this.showLoading = true;
|
|
this.showLoading = true;
|
|
this.loadingNow = true;
|
|
this.loadingNow = true;
|
|
@@ -453,8 +446,8 @@
|
|
width: 655rpx;
|
|
width: 655rpx;
|
|
background: #fff;
|
|
background: #fff;
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
- height: 70rpx;
|
|
|
|
- line-height: 70rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ // line-height: 80rpx;
|
|
display: inherit;
|
|
display: inherit;
|
|
padding: 10px;
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
@@ -504,7 +497,7 @@
|
|
.icon-gou{
|
|
.icon-gou{
|
|
color: #E15616;
|
|
color: #E15616;
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: 22rpx;
|
|
|
|
|
|
+ top: 30rpx;
|
|
right: 0rpx;
|
|
right: 0rpx;
|
|
font-weight: bold
|
|
font-weight: bold
|
|
}
|
|
}
|
|
@@ -514,12 +507,12 @@
|
|
}
|
|
}
|
|
.tabstyle{
|
|
.tabstyle{
|
|
width: 128rpx;
|
|
width: 128rpx;
|
|
- height: 64rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
border-radius: 10rpx;
|
|
border-radius: 10rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
- line-height: 64rpx;
|
|
|
|
|
|
+ line-height: 80rpx;
|
|
border: 2rpx solid #EEEEEE;
|
|
border: 2rpx solid #EEEEEE;
|
|
position: relative;
|
|
position: relative;
|
|
margin-right: 12rpx;
|
|
margin-right: 12rpx;
|
|
@@ -543,7 +536,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.good-search{
|
|
.good-search{
|
|
- height: 64rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
width: 702rpx;
|
|
width: 702rpx;
|
|
padding: 24rpx;
|
|
padding: 24rpx;
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
@@ -556,23 +549,23 @@
|
|
z-index: 999;
|
|
z-index: 999;
|
|
.search-from{
|
|
.search-from{
|
|
width: 326rpx;
|
|
width: 326rpx;
|
|
- height: 64rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
background: #F7F7F7;
|
|
background: #F7F7F7;
|
|
border-radius: 14rpx;
|
|
border-radius: 14rpx;
|
|
float: left;
|
|
float: left;
|
|
position: relative;
|
|
position: relative;
|
|
.input{
|
|
.input{
|
|
// width: 500rpx;
|
|
// width: 500rpx;
|
|
- height: 64rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
float: left;
|
|
float: left;
|
|
- line-height: 64rpx;
|
|
|
|
|
|
+ line-height: 80rpx;
|
|
color: $text-color;
|
|
color: $text-color;
|
|
font-size: $font-size-24;
|
|
font-size: $font-size-24;
|
|
}
|
|
}
|
|
.icon-iconfonticonfontsousuo1{
|
|
.icon-iconfonticonfontsousuo1{
|
|
width: 64rpx;
|
|
width: 64rpx;
|
|
- height: 64rpx;
|
|
|
|
- line-height: 64rpx;
|
|
|
|
|
|
+ height: 80rpx;
|
|
|
|
+ line-height: 80rpx;
|
|
text-align: center;
|
|
text-align: center;
|
|
display: block;
|
|
display: block;
|
|
font-size: $font-size-38;
|
|
font-size: $font-size-38;
|