做毕设|墨墨背单词+单词本 02| wx-if的使用

做毕设|墨墨背单词+单词本 02| wx-if的使用

        之前，一直以为从“复习”页面到“答案”页面是页面跳转，其实不是的，而是一个控件隐藏另一个控件显示。这就需要用到wx-if的使用。设置两个 view，并绑定点击事件，监听到点击，就取反，这样就可以实现转换。这个项目的进度我会经常更新，另外，有想要这个项目的可加我qq：626703291。

效果如下：

wxml代码如下：

  
    
      {{words}}
    
    
      英 {{symbols}} 
    
  

  
    请把英文发音和中文释义说出口
    点击屏幕显示答案
  
  
    
    
      
        [名] 桥;起联系作用的事物;桥梁;纽带;(舰船的)驾驶台;船桥;舰桥;桥牌;鼻梁;鼻梁架;琴马;（固定的）假牙
        [动] 在…建桥，架桥于，跨过，度过
      
        
  

js代码如下：

 data: {
    "words" : "bridge",
    "symbols": "[brɪdʒ]",
    "showReview": true,
    "showDetail": false,    
  },

  selectNav(){
    this.setData({
      showReview:!this.data.showReview,
      showDetail:!this.data.showDetail
    })
    console.log(this.data.showReview);
  }
})