弹框始终位于屏幕中心位置

弹框始终位于屏幕中心位置

html

<div class="another">
	<div class="select">
		<ul>
			<li @click="answer()">回复</li>
			<li @click="zan()">{{praise}}</li>
			<li @click="jb()">举报</li>
			<li @click="qx()">取消</li>
		</ul>
	</div>
</div>

css

.another{
	z-index:9;
	position:fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height:100%;
	background: rgba(0,0,0,0.2);
	text-align:center;
	.select{
		padding:10px;
		margin:0 auto;
		.w(300);
		.margint(250);
		background:#fff;
		border-radius:8px;
		li{
			.h(40);
			.lh(40);
			.fs(18);
		}
	}
}
发布了46 篇原创文章 · 获赞 6 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_33327325/article/details/89320937
今日推荐