修改隐藏

RuoYi-Vue-v3.8.7/ruoyi-admin/src/main/resources/static/page/goods/goods.html

@@ -287,10 +287,12 @@
 			<input type="text" placeholder="请输入关键字" id="searchInput">
 			</input>
 			<div class="search" id="search">
-				<img src="images/search.png"></img><span>搜索</span>
+				<img src="images/search.png"></img>
+				<div style="white-space: nowrap;">搜索</span>
+				</div>
 			</div>
 		</div>
-		<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="top: calc(100vh - 412px)">
+		<div id="pullrefresh" class="mui-content mui-scroll-wrapper" style="top: 412px;">
 			<div class="mui-card" id="mui-content">
 				<ul id="kfList" class="mui-table-view mui-table-view-striped mui-table-view-condensed">
 
@@ -444,7 +446,6 @@
 		</script>
 		<script>
 			const params = new URLSearchParams(window.location.search);
-			console.log(mui)
 			mui.ajax({
 				// url: window.location.origin +'/wzglxtht/system/goods/getGoodsList?kufangId=' + params.get('id'),
 				// url:  window.location.origin+'/system/dept/assetList',
@@ -482,52 +483,54 @@
 			//页面的箭头控制显示隐藏效果
 			$("#arrowZchz").on('click', function (e) {
 				var height = $('#pullrefresh')[0].style.top;
+				console.log(height)
 				if ($('#conZchz').is('.mui-hidden')) {
 					this.style.transform = 'rotate(360deg)';
 					document.getElementById("conZchz").classList.remove('mui-hidden');
 					switch (height) {
-						case 'calc(-612px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-412px + 100vh)';
+						case '214px':
+							document.getElementById("pullrefresh").style.top = '412px';
 							break;
-						case 'calc(-662px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-462px + 100vh)';
+						case '164px':
+							document.getElementById("pullrefresh").style.top = '362px';
 							break;
 					}
 				} else {
 					this.style.transform = 'rotate(180deg)';
 					document.getElementById("conZchz").classList.add('mui-hidden');
 					switch (height) {
-						case 'calc(-412px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-612px + 100vh)';
+						case '412px':
+							document.getElementById("pullrefresh").style.top = '214px';
 							break;
-						case 'calc(-462px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-662px + 100vh)';
+						case '362px':
+							document.getElementById("pullrefresh").style.top = '164px';
 							break;
 					}
 				}
 			})
 			$("#arrowSs").on('click', function (e) {
 				var height = $('#pullrefresh')[0].style.top;
+				console.log(height)
 				if ($('#conSs').is('.mui-hidden')) {
 					this.style.transform = 'rotate(360deg)';
 					document.getElementById("conSs").classList.remove('mui-hidden');
 					switch (height) {
-						case 'calc(-662px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-612px + 100vh)';
+						case '362px':
+							document.getElementById("pullrefresh").style.top = '412px';
 							break;
-						case 'calc(-462px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-412px + 100vh)';
+						case '164px':
+							document.getElementById("pullrefresh").style.top = '214px';
 							break;
 					}
 				} else {
 					this.style.transform = 'rotate(180deg)';
 					document.getElementById("conSs").classList.add('mui-hidden');
 					switch (height) {
-						case 'calc(-612px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-662px + 100vh)';
+						case '412px':
+							document.getElementById("pullrefresh").style.top = '362px';
 							break;
-						case 'calc(-412px + 100vh)':
-							document.getElementById("pullrefresh").style.top = 'calc(-462px + 100vh)';
+						case '214px':
+							document.getElementById("pullrefresh").style.top = '164px';
 							break;
 					}
 				}