flx：修改样式问题

components/form/SelectPlus.vue

@@ -17,7 +17,7 @@
 				<!-- title == '司机姓名' -->
 				<uni-data-checkbox v-if="formProps.expanding" :map="optionsKeyMap" v-model="__value"
 					:localdata="dataOptions" />
-				<picker class="picker" v-else-if="title == '司机姓名'" @cancel="onCancel" @change="ok2" mode="selector"
+				<picker class="picker" v-else-if="title == '司机姓名'" @cancel="onCancel" @change="ok2" mode="selector" ref="pickerBottom"
 					:value="index" range-key="name" :range="dataOptions2">
 					<uni-search-bar v-if="isSearch" bgColor="#fff" v-model="searchValue" class="search" radius="5"
 						placeholder="请输入" clearButton="auto" cancelButton="none" @input="searchChange" />
@@ -25,8 +25,7 @@
 					<click-input @click="isSearchFn()" :value="(modelValue || []).length > 0 ? dataOptions[index]:null"
 						index="name" :placeholder="formProps.placeholder || '请选择'" />
 				</picker>
-				<picker v-else @change="ok" mode="selector" :value="index" range-key="name"
+				<picker v-else @change="ok" mode="selector" :value="index" range-key="name" :range="dataOptions">
-					:range="dataOptions">
 					<click-input :value="(modelValue || []).length > 0 ? dataOptions[index]:null" index="name"
 						:placeholder="formProps.placeholder || '请选择'" />
 				</picker>
@@ -160,6 +159,7 @@
 	// 搜索查询
 	const isSearch = ref(false);
 	const searchValue = ref("");
+	const searchBottom = ref(0);
 
 	function searchChange(e) {
 		console.log(e);
@@ -174,6 +174,23 @@
 		isSearch.value = false;
 	}
 	const isSearchFn = () => {
+		//.box获取class为box的元素，如果使用的id= 'box' 则使用'#box'
+		// uni.createSelectorQuery().in(this).select('.picker').boundingClientRect(data => {
+		// 	console.log(JSON.stringify(data))
+		// 	console.log(data.height / 100 * window.innerHeight,window.innerHeight)
+		// 	console.log(uni.getSystemInfoSync().windowHeight, uni.getSystemInfoSync().windowWidth)
+		// 	uni.getSystemInfo({
+		// 	    success: function (res) {
+		// 	        console.log(res.screenHeight);
+		// 	        console.log(res.windowHeight);
+		// 			console.log(data.height / 100 * res.screenHeight)
+		// 			// data.height / 100 * res.screenHeight - 22
+		// 			// searchBottom.value = (45 / 8) + 238;
+		// 	    }
+		// 	});
+		// 	// (data.height / 100 * window.innerHeight) * 1.48
+			
+		// }).exec()
 
 		setTimeout(() => {
 			isSearch.value = true;
@@ -311,14 +328,15 @@
 	}
 </script>
 <style>
-	.uni-picker-custom {
+	:deep(.uni-picker-custom){
 		height: 480rpx;
 	}
 </style>
 <style scoped>
 	.search {
 		position: fixed;
-		bottom: 465rpx;
+		/* bottom: 465rpx; */
+		bottom: 400rpx;
 		left: 50%;
 		transform: translateX(-50%);
 		z-index: 9999;

unpackage/dist/dev/app-plus/app-service.js

@@ -18554,7 +18554,7 @@ ${i3}
             doRequest(dataOptions.value);
           }
         } catch (e2) {
-          formatAppLog("log", "at components/form/SelectPlus.vue:124", e2);
+          formatAppLog("log", "at components/form/SelectPlus.vue:123", e2);
         }
       }
       vue.watch(() => dataOptions, () => {
@@ -18585,8 +18585,10 @@ ${i3}
       }
       const isSearch = vue.ref(false);
       const searchValue = vue.ref("");
+      vue.ref(0);
+      const pickerBottom = vue.ref(null);
       function searchChange(e2) {
-        formatAppLog("log", "at components/form/SelectPlus.vue:165", e2);
+        formatAppLog("log", "at components/form/SelectPlus.vue:166", e2);
         let findList = dataOptions.value.filter((item) => item.name.includes(e2));
         dataOptions2.value = findList;
         if (e2 == "") {
@@ -18597,6 +18599,19 @@ ${i3}
         isSearch.value = false;
       };
       const isSearchFn = () => {
+        uni.createSelectorQuery().in(this).select(".picker").boundingClientRect((data) => {
+          formatAppLog("log", "at components/form/SelectPlus.vue:180", JSON.stringify(data));
+          formatAppLog("log", "at components/form/SelectPlus.vue:181", data.height / 100 * window.innerHeight, window.innerHeight);
+          formatAppLog("log", "at components/form/SelectPlus.vue:182", uni.getSystemInfoSync().windowHeight, uni.getSystemInfoSync().windowWidth);
+          uni.getSystemInfo({
+            success: function(res) {
+              formatAppLog("log", "at components/form/SelectPlus.vue:185", res.screenHeight);
+              formatAppLog("log", "at components/form/SelectPlus.vue:186", res.windowHeight);
+              formatAppLog("log", "at components/form/SelectPlus.vue:187", data.height / 100 * res.screenHeight);
+            }
+          });
+        }).exec();
+        formatAppLog("log", "at components/form/SelectPlus.vue:195", pickerBottom.value.offsetHeight);
         setTimeout(() => {
           isSearch.value = true;
         }, 500);
@@ -18663,7 +18678,7 @@ ${i3}
           try {
             preHandlerFuc(params);
           } catch (e2) {
-            formatAppLog("log", "at components/form/SelectPlus.vue:250", e2);
+            formatAppLog("log", "at components/form/SelectPlus.vue:269", e2);
           }
         }
       }
@@ -18710,7 +18725,7 @@ ${i3}
           try {
             return aftHandlerFuc(rsp) || [];
           } catch (e2) {
-            formatAppLog("log", "at components/form/SelectPlus.vue:307", e2);
+            formatAppLog("log", "at components/form/SelectPlus.vue:326", e2);
           }
         }
         return [];
@@ -18776,6 +18791,8 @@ ${i3}
                     onCancel,
                     onChange: ok2,
                     mode: "selector",
+                    ref_key: "pickerBottom",
+                    ref: pickerBottom,
                     value: index2.value,
                     "range-key": "name",
                     range: dataOptions2.value

unpackage/dist/dev/app-plus/app.css

@@ -3454,13 +3454,14 @@ body[data-v-029c2886] {
 }
 
 
-.uni-picker-custom[data-v-efe1296e] {
+[data-v-efe1296e] .uni-picker-custom{
-		height: 15rem;
+		height: 15rem
 }
 
 
 .search[data-v-efe1296e] {
 		position: fixed;
+		/* bottom: 465rpx; */
 		bottom: 12.34375rem;
 		left: 50%;
 		transform: translateX(-50%);

unpackage/dist/dev/app-plus/pages/instance/instancePreview.css

@@ -3389,13 +3389,14 @@ body[data-v-029c2886] {
 }
 
 
-.uni-picker-custom[data-v-efe1296e] {
+[data-v-efe1296e] .uni-picker-custom{
-		height: 15rem;
+		height: 15rem
 }
 
 
 .search[data-v-efe1296e] {
 		position: fixed;
+		/* bottom: 465rpx; */
 		bottom: 12.34375rem;
 		left: 50%;
 		transform: translateX(-50%);

unpackage/dist/dev/app-plus/pages/submit/InitiateProcess.css

@@ -3455,13 +3455,14 @@ body[data-v-029c2886] {
 }
 
 
-.uni-picker-custom[data-v-efe1296e] {
+[data-v-efe1296e] .uni-picker-custom{
-		height: 15rem;
+		height: 15rem
 }
 
 
 .search[data-v-efe1296e] {
 		position: fixed;
+		/* bottom: 465rpx; */
 		bottom: 12.34375rem;
 		left: 50%;
 		transform: translateX(-50%);