|
@@ -1,27 +1,30 @@
|
|
|
<template>
|
|
|
<view class="modal-box">
|
|
|
- <view class="headerName u-flex">
|
|
|
- <text></text>
|
|
|
- <view class="shelfName u-line-1">{{shelfName}}</view>
|
|
|
- </view>
|
|
|
- <view class="searchBox">
|
|
|
- <view class="searchBox_l">
|
|
|
- <u-search
|
|
|
- placeholder="请输入产品编码/产品名称"
|
|
|
- @change="getSearchCon"
|
|
|
- @search="getSearchCon"
|
|
|
- @custom="getSearchCon"
|
|
|
- @clear="clearSearch"
|
|
|
- v-model="keyword"
|
|
|
- bg-color="#fff"
|
|
|
- :action-style="searchStyle"
|
|
|
- ></u-search>
|
|
|
+ <view class="header_box">
|
|
|
+ <view class="headerName u-flex">
|
|
|
+ <text></text>
|
|
|
+ <view class="shelfName u-line-1">{{shelfName}}</view>
|
|
|
</view>
|
|
|
- <view class="searchBox_r" @click="sortShow = true">
|
|
|
- <text>排序</text>
|
|
|
- <u-icon color="#666666" name="paixu" custom-prefix="iscm-icon"></u-icon>
|
|
|
+ <view class="searchBox">
|
|
|
+ <view class="searchBox_l">
|
|
|
+ <u-search
|
|
|
+ placeholder="请输入产品编码/产品名称"
|
|
|
+ @change="getSearchCon"
|
|
|
+ @search="getSearchCon"
|
|
|
+ @custom="getSearchCon"
|
|
|
+ @clear="clearSearch"
|
|
|
+ v-model="keyword"
|
|
|
+ bg-color="#fff"
|
|
|
+ :action-style="searchStyle"
|
|
|
+ ></u-search>
|
|
|
+ </view>
|
|
|
+ <view class="searchBox_r" @click="sortShow = true">
|
|
|
+ <text>排序</text>
|
|
|
+ <u-icon color="#666666" name="paixu" custom-prefix="iscm-icon"></u-icon>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <view style="height:126rpx;"></view>
|
|
|
<view v-if="list.length > 0">
|
|
|
<view class="listBox" v-for="(item, i) in list" :key="i">
|
|
|
<view class="listBox_l"><image :src="item.images ? item.images : `../../static/${theme}/def_img@2x.png`" width="100%" height="100%"></image></view>
|
|
@@ -259,8 +262,16 @@ export default {
|
|
|
background: #ffffff;
|
|
|
padding: 20rpx;
|
|
|
width: 100%;
|
|
|
+ .header_box{
|
|
|
+ width: 100%;
|
|
|
+ padding: 0 20rpx;
|
|
|
+ position: fixed;
|
|
|
+ top:0;
|
|
|
+ left:0;
|
|
|
+ z-index: 999;
|
|
|
+ background-color: #fff;
|
|
|
.headerName{
|
|
|
- padding: 15rpx 0;
|
|
|
+ padding-bottom: 15rpx;
|
|
|
color: #222;
|
|
|
font-size: 30rpx;
|
|
|
text{
|
|
@@ -295,6 +306,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ }
|
|
|
.listBox {
|
|
|
width: 100%;
|
|
|
display: flex;
|