同步

App.vue

@@ -333,7 +333,7 @@ export default {
 @import "./static/css/iconfont.css";
 @import "./uni_modules/vk-uview-ui/index.scss";
 @import "./static/css/base.scss";
-@import "./static/font/iconfont-weapp-icon.css";
+// @import "./static/font/iconfont-weapp-icon.css";
 
 // #ifdef MP-WEIXIN
 page {

pages/home/index.vue

@@ -8,12 +8,12 @@
 			<!-- 列表区 -->
 			<!-- <div @click="showPop = true"> 1123 </div> -->
 			<!-- `calc(${navInfo.windowHeight}px - ${navInfo.navigationBarHeight + navInfo.statusBarHeight}px)` -->
-			<scroll-view class="m-list" id="listBox" :scroll-into-view="scrollTo" :style="{ height: `100vh ` }" :scroll-y="true" @scrolltolower="reachBottom" @scroll="checkScroll">
+			<scroll-view class="m-list" id="listBox" :scroll-into-view="scrollTo" :style="{ height: `calc(100vh - ${tabbarHeight}px)` }" :scroll-y="true" @scrolltolower="reachBottom" @scroll="checkScroll">
 				<div class="g_h_all" hover-class="none" hover-stop-propagation="false">
 					<div class="g_position_rela g_flex_row_between flex_center g_ml_10 g_mr_10">
 						<div class="the_city g_flex_column_center" style hover-class="thover" @click="goCity">
 							<div class="g_flex_row_center">
-								<div class="g_fs_16 g_fw_600 " style="min-width: 36px; display: inline-block">{{ selectedCity }}</div>
+								<div class="g_fs_16 g_fw_600" style="min-width: 36px; display: inline-block">{{ selectedCity }}</div>
 								<div class="g_flex_column_center">
 									<div class="iconfont icon-zhankai g_fs_12" style="display: inline-block"></div>
 								</div>
@@ -26,10 +26,10 @@
 						</div>
 						<div hover-class="none" class="g_bg_main g_flex_column_center g_radius_50 g_w_40 g_h_40 g_text_c g_c_f g_fs_11 g_fw_600" style="" hover-stop-propagation="false" @click="toShare" v-if="isLogin && userInfo.agencyId">
 							<div class="g_mb_3" style="line-height: 1">分享</div>
-							<div class="" style="line-height: 1">职位</div> 
+							<div class="" style="line-height: 1">职位</div>
 						</div>
 					</div>
-					<div style="min-height:100vh">
+					<div :style="{ minHeight: `calc(100vh - ${tabbarHeight}px)`}">
 						<div class="sticky" v-if="isLogin">
 							<div class="g_flex_row_between flex_center" :class="toTop ? 'g_bg_f' : 'g_bg_f_5'" :style="{ 'box-shadow': toTop ? '0px 2px 3px 0px rgba(214, 214, 214, 0.3)' : '' }" id="tttop">
 								<div class="g_flex_1">
@@ -102,7 +102,7 @@
 					</div>
 				</div>
 			</scroll-view>
-			<div hover-class="none" style="position: fixed; right: 20px; bottom: 20px; z-index: 0" hover-stop-propagation="false" @click="toRecord" v-if="isLogin && userInfo.agencyId">
+			<div hover-class="none" style="position: fixed; right: 20px; bottom: 120px; z-index: 0" hover-stop-propagation="false" @click="toRecord" v-if="isLogin && userInfo.agencyId">
 				<g-panel-image :url="cdnBaseImg + 'quick_application0610.svg'" size="96" />
 			</div>
 
@@ -132,7 +132,7 @@
 				</div>
 			</u-popup>
 		</div>
-		
+
 		<g-tabbar class="tabbar"></g-tabbar>
 	</div>
 </template>
@@ -149,6 +149,7 @@ export default {
 		};
 		// return this.G.shareFun();
 	},
+
 	onLoad() {
 		let that = this;
 		that.navInfo = that.G.getNavInfo();
@@ -221,6 +222,20 @@ export default {
 		// this.searchAnimate();
 		// #endif
 	},
+	mounted() {
+		console.log("mountedmountedmountedmountedmountedmounted");
+		const query = uni.createSelectorQuery().in(this);
+		console.log("query", query);
+		// 选择指定的 DOM 元素
+		query
+			.select(".tabbar")
+			.boundingClientRect((res) => {
+				console.log("resresresrserserserser", res);
+				this.tabbarHeight = res.height;
+				uni.setStorageSync("TABBAR_HEIGHT", res.height);
+			})
+			.exec();
+	},
 	data() {
 		return {
 			scrollTo: "",
@@ -229,6 +244,7 @@ export default {
 			userInfo: {},
 			whichOneShow: "",
 			toTop: false, // 筛序栏顶部状态
+			tabbarHeight: 0,
 			getFilterData: {
 				sex: "-1",
 				ageRangeStr: "",

uni_modules/vk-uview-ui/components/u-tabbar/u-tabbar.vue

@@ -357,7 +357,7 @@ export default {
 			flex: 1;
 			justify-content: center;
 			height: 100%;
-			padding: 6px 0;
+			padding: 0 0 6px 0;
 			@include vue-flex;
 			flex-direction: column;
 			align-items: center;