最近公司项目需要开发一点前端页面,在网上找了很多资料,经常有介绍错误的或者不够详细的,很浪费时间。我自己写的都是通过我自己的实践,多方面查找资料验证,当前时间根据步骤可以实现功能的方法。

  1. CSS实现方式:
cursor:pointer;//鼠标变小手
  1. JS实现:
<button 
	id="abc"
	class="botton_qr_download" 
	@mouseover="changeMask(true)" 
	@mouseout="changeMask(false)">
		二维码下载
</button>
//修改二维码显示状态
changeMask:function(b){    
    if(b){
       	document.getElementById("abc").style.cursor="pointer"; 
    }else{
        document.getElementById("abc").style.cursor="wait"; 
	}
    console.log(b);
}
Logo

前往低代码交流专区

更多推荐