From 4ef4fea7f3e36342100d82061c40b00c45a18801 Mon Sep 17 00:00:00 2001
From: whycq <123456>
Date: 星期一, 17 十月 2022 08:49:50 +0800
Subject: [PATCH] #
---
pages/basics/matSelect.vue | 41 +++++++++++++++++++++++++----------------
1 files changed, 25 insertions(+), 16 deletions(-)
diff --git a/pages/basics/matSelect.vue b/pages/basics/matSelect.vue
index 7648be1..e0a9cd6 100644
--- a/pages/basics/matSelect.vue
+++ b/pages/basics/matSelect.vue
@@ -35,14 +35,17 @@
</label>
</checkbox-group>
</scroll-view>
- <view class="record" v-if="recordShow">
- <view class="record-data" v-for="(item,index) in reList" :key="index" >
- <text style="margin-right: 10rpx;" @click="choseMatnr(item)">{{item}}</text>
- <view style="height: 50rpx;display: inline-block;" @click="removeRecord(index)">
- <uni-icons type="closeempty" size="15" color="#a5a5a5"></uni-icons>
+ <view v-if="reList.length > 0" >
+ <scroll-view scroll-y class="record" v-if="recordShow">
+ <view class="record-data" v-for="(item,index) in reList" :key="index" >
+ <text style="margin-right: 10rpx;" @click="choseMatnr(item)">{{item}}</text>
+ <view style="height: 50rpx;display: inline-block;" @click="removeRecord(index)">
+ <uni-icons type="closeempty" size="15" color="#a5a5a5"></uni-icons>
+ </view>
</view>
- </view>
-
+
+
+ </scroll-view>
</view>
</view>
</template>
@@ -74,6 +77,7 @@
methods: {
removeRecord(index) {
this.reList.splice(index,1)
+ uni.setStorageSync('recordList',this.reList)
},
choseMatnr(matnr) {
this.condition = matnr
@@ -241,28 +245,33 @@
<style>
.record-data {
- min-width: 50rpx;
- height: 70rpx;
- background-color: aliceblue;
- line-height: 70rpx;
+ height: 60rpx;
+ background-color: #FFF;
+ line-height: 60rpx;
padding-left: 20rpx;
padding-right: 20rpx;
margin-left: 20rpx;
margin-top: 10rpx;
- display: flex;
- border-radius: 15rpx;
+ display: inline-block;
+ border-radius: 20rpx;
+ text-align: center;
+ }
+ .record-data:last-child {
+ margin-bottom: 10rpx;
}
.record {
z-index: 11;
display: flex;
+ flex-direction: column;
flex-wrap: wrap;
- position: fixed;
- top:188rpx;
+ position: absolute;
+ top:94rpx;
/* #ifdef APP-PLUS */
top: 94rpx;
/* #endif */
width: 100%;
- min-height: 90rpx;
+ min-height: 80rpx;
+ max-height: 600rpx;
background-color: #6f6f6f;
}
.matnr {
--
Gitblit v1.9.1