uniapp使用绝对定位被父元素截断问题

 

 

在做uniapp开发时真机运行的时候使用绝对定位，会被他限制在他整个的父元素之内。

 

 本来这两块是做了两个子组件，但是，点击问号的时候就会出现上述问题，弹框永远显示不全。

解决方案：将这个弹框移到父组件中，如index.vue 然后使用一个div将这两块包裹起来。这里为什么要将上一块预充值也包括进去呢？因为这样就能扩大弹框的范围，即扩大了弹框所在的父元素范围，上半部分留足了空间，这样弹框就不会被截掉部分。注意这个div一定要加上position: relative;的条件，否则弹框会以整个父组件为父元素

	<div style="position: relative;">
			<!-- 预充值 -->
			<Precharge :tableindex="tableindex"></Precharge>
			<!-- 客户数据 -->
			<menberDate :ind='ind' :tableindex="tableindex" @toNone="toNone" @toUpdate="toUpdate"></menberDate>
			<!-- 文字弹窗 -->
			<view class="" style="position: absolute;top: 0px;left: 0px;" v-if="show">
				<!-- #ifdef APP-NVUE -->
				<image src="../../../static/crmhome/juxing.png" mode="" class="wenzi_img"></image>
				<!-- #endif -->
				<!-- #ifdef H5 -->
				<image src="../../../static/crmhome/juxing.png" mode="" class="wenzi_img"></image>
				<!-- #endif -->
				<view class="wenzi_zi">
					<view class=""><text class="wenzi_12">1.新增拜访：统计变更到拜访状态时间是统计月;</text></view>
					<view class=""><text class="wenzi_12">2.新增潜在客户：统计变更到潜在时间是在统计月;</text></view>
					<view class=""><text class="wenzi_12">3.新增意向：统计变更到意向状态时间是在统计月;</text></view>
					<view class=""><text class="wenzi_12">4.新增成交：统计变更到成交状态时间是在统计月;</text></view>
					<view class=""><text class="wenzi_12">5.新增获客：统计本月创建的客户数;</text></view>
					<text class="wenzi_12">6.若一个客户一个月内变更多个状态，按照最终状态统计</text>
				</view>
			</view>
		</div>

 以上就是关键部分代码啦，子组件只需要控制点击问号然后控制父组件中弹框的显隐即可。