本文共 1004 字，大约阅读时间需要 3 分钟。

小功能 点击出现，再次点击隐藏

这是开发小程序经常会用到的小功能，所以就做一下总结。

view代码如下

       
      
     
         
            
             
     
      厦门
           
          
            
             
     
      泉州
           
          
            
             
     
      漳州
           
          
            
             
     
      龙岩
           
          
            
             
     
      三明
           
          
            
             
     
      购买
           
          
            
             
     
      首页
           
      
   

wxss代码如下

.click {
     position: fixed;  bottom: 120px;  right: 20px;  width: 50px;  height: 50px;  background: #fff;  border-radius: 50%;  border: 1px solid #ccc;  text-align: center;}.click image {
     width: 40px;  height: 40px;  margin-top: 5px;}

js代码如下

blocknav: function () {
       var that = this;    var nav = that.data.nav     that.setData({
         nav: !that.data.nav    })  },

效果展示

刚开始不显示导航栏

再次点击导航栏隐藏

说明

view 关键代码：

转载地址：https://blog.csdn.net/tiffany_kim/article/details/114887972 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！