请添加图片描述

<uni-popup ref="popupPrint" background-color="rgba(0,0,0,0)" type="bottom" :safe-area="false" ="PrintPoupChange">
	<view class="radius">
		&lt;view v-if="tempDeviceList.length" class="popup_title"&gt;选择打印设备</view&gt;
		<view class="reSignBtn" ="gotoSignClick">重新签名</view>
		<scroll-view scroll-y="true" style="height: 40vh;">
			<view v-for="(item, index) in tempDeviceList" :key="index">
				<view class="hospitalNameBtn" ="select_deviceId(item)">{{ item.name }}</view>
			</view>
			<view v-if="!tempDeviceList.length" class="searchBlue">
				<image style="width: 400rpx;height: 400rpx;margin: auto;" :src="imageUrl + 'loading.gif'" mode="widthFix"></image>
			</view>
			<view class="bottomSafe"></view>
		</scroll-view>
	</view>
</uni-popup>

css

.radius {
	height: 50vh;
	background: #fff;
	border-top-left-radius: 30rpx;
	border-top-right-radius: 30rpx;
	border: 1rpx solid #fff;
	position: relative;
	.popup_title {
		margin-top: 48rpx;
		text-align: center;
		font-size: 32rpx;
		font-weight: bold;
		color: #222222;
	}
	.hospitalNameBtn {
		width: 690rpx;
		height: 84rpx;
		border: 1px solid #ebebeb;
		border-radius: 10rpx;
		margin: 40rpx auto;
		text-align: center;
		font-size: 28rpx;
		font-weight: 400;
		color: #666666;
		line-height: 84rpx;
	}
	.reSignBtn {
		font-size: 26rpx;
		position: absolute;
		top: 10rpx;
		right: 23rpx;
		color: #1296db;
		z-index: 999;
	}
}

弹出背景设为透明,然后里面元素设白色背景添加圆角

原文地址:https://blog.csdn.net/weixin_44046951/article/details/130382703

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_28646.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注