u-popup，不希望出现滚动条

一、描述

在开发过程中使用u-view里面的u-popup，有时候会出现滚动条，比如我只想做一个弹窗，而不想弹窗中还有滚动条，在美观上过不去。并且内容也没多到需要滚动才能显示所有。先看图吧：

html 复制代码

<u-popup v-model="show" mode="center" border-radius="16" width="690" height="auto">
			<view class="tip">
				<view class="tip-title">
					领取提示
				</view>
				<view class="tip-text">
					领取案源后可在律师端【我的】页面查看已领
				</view>
				<view class="sure-tip">
					确定领取该案源？
				</view>
				<view class="tip-btns">
					<view class="cancel-btn">
						取消
					</view>
					<view class="sure-btn">
						确定
					</view>
				</view>
			</view>
		</u-popup>

主要是这行：

html 复制代码

<u-popup v-model="show" mode="center" border-radius="16" width="690" height="auto">

二、调试

我想会不会是auto导致的，给他固定值看看：

一样会有，既然出现了滚动条看看，是不是其他元素给他顶开了，审查一下元素的样式：

去掉margin看看呢：

竟然没了，那就是这个鬼margin捣乱的，但是我元素没有边距了，我使用padding给他撑开一下先，界定一下边界。

再试下具体的margin？

把值改大点，超过padding值，再看看效果：

也没事啊，那就假设在容器外边包一层padding可以解决这个问题，不让他出现滚动条。