当前位置：网站首页>Mui pop up menu

Mui pop up menu

2022-04-22 04:32:00 【Time ing】

Code implementation ：

<!--  Click on + No. pop up menu  -->
<!--  add to  -->
<a href="#popover">
	<span class="mui-icon icon iconfont icon-tianjia"></span>
</a>

<style type="text/css"> #popover{
       heigh: 100px; width: 150px; } </style>
<div id="popover" class="mui-popover"> 
	<ul class="mui-table-view">
		<li class="mui-table-view-cell"><a href="#"> <span class="icon iconfont icon-faqiqunliaobeifen"></span>&nbsp;&nbsp; A group chat </a></li>
		<li class="mui-table-view-cell"><a href="#"><span class="icon iconfont icon-tianjiapengyou"></span>&nbsp;&nbsp; Add friends </a></li>
		<li class="mui-table-view-cell"><a href="#" id="saoyisao1"><span class="icon iconfont icon-saoyisao"></span>&nbsp;&nbsp; scan </a></li>
		<li class="mui-table-view-cell"><a href="#"><span class="icon iconfont icon-huanqian"></span>&nbsp;&nbsp; Collect money </a></li>
	</ul>
</div>

Interface effect ：
Insert picture description here
Insert picture description here

版权声明
本文为[Time ing]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/04/202204220428359052.html

边栏推荐

猜你喜欢

随机推荐