小程序 - 提示框


 

 

提示框就比較簡單了!(UE)

 

 提示框:

 

 

 

 

 1 var newsData = require('../../data/newsdata.js');  2 // pages/news/news-detail/news-detail.js
 3 Page({  4 
 5   /**  6  * 頁面的初始數據  7    */
 8  data: {  9   
10  }, 11 
12   /** 13  * 生命周期函數--監聽頁面加載 14    */
15   onLoad: function (options) { 16     // 頁面初始化options傳遞帶過來的參數
17     this.setData(newsData.initData[options.newsid]); 18     this.setData({ 19  newsid:options.newsid 20  }); 21 
22     // 第一次進入的適合判斷是否存在本地存儲以及是否收藏
23     var newsCollect =wx.getStorageSync('newsCollect'); 24     // 如果newsCollect存在,則代表以前收藏過或者是以前取消過收藏
25     if(newsCollect){ 26       var newCollect = newsCollect[options.newsid]; 27       this.setData({ 28  collected:newCollect 29  }) 30     }else{ 31       // 第一次進入,根本不存在數據
32       var newsCollect = {}; 33       // 我把當前唯一id扔到newsCollect對象中,然后默認指定false
34       newsCollect[options.newsid]=false; 35       // 扔到本地存儲中
36       wx.setStorageSync('newsCollect', newsCollect); 37  } 38  }, 39 
40   collectTap:function(event){ 41     // 獲取所有(注意,這是所有數據的集合)
42     var newsCollect = wx.getStorageSync('newsCollect'); 43     // console.log(this.data.newsid);
44     // 獲取單個(請求到onLoad里面不同生命周期的options.newsid)
45     var newCollect = newsCollect[this.data.newsid]; 46  console.log(newCollect); 47 
48     // 點擊時收藏則為不收藏,不收藏則為收藏
49     newCollect = !newCollect; 50 
51     // 更新一條數據的集合newCollect,更改所有數據的集合
52     
53 
54     // 更新到本地存儲中
55     newsCollect[this.data.newsid] = newCollect; 56     wx.setStorageSync('newsCollect', newsCollect); 57     
58     // 不知道視圖怎么改變
59     this.setData({ 60       // collected:newCollect
61       collected: newsCollect[this.data.newsid] 62  }); 63 
64  wx.showToast({ 65       title: newsCollect[this.data.newsid] ? "取消收藏" :"收藏成功!", 66       icon: 'success', 67       duration: 800, 68       mask:true
69  }); 70  } 71 })

 

如果我不想要默認的圖片樣式呢?

 

 

 

等一等,不對吧? 我怎么收藏與不收藏都是那一個選項(for UE)?

 

 

 

 

 

不得不說,三目運算符,很好的幫我們解決了這些問題!

 

CODE

 1 var newsData = require('../../data/newsdata.js');  2 // pages/news/news-detail/news-detail.js
 3 Page({  4 
 5   /**  6  * 頁面的初始數據  7    */
 8  data: {  9   
10  }, 11 
12   /** 13  * 生命周期函數--監聽頁面加載 14    */
15   onLoad: function (options) { 16     // 頁面初始化options傳遞帶過來的參數
17     this.setData(newsData.initData[options.newsid]); 18     this.setData({ 19  newsid:options.newsid 20  }); 21 
22     // 第一次進入的適合判斷是否存在本地存儲以及是否收藏
23     var newsCollect =wx.getStorageSync('newsCollect'); 24     // 如果newsCollect存在,則代表以前收藏過或者是以前取消過收藏
25     if(newsCollect){ 26       var newCollect = newsCollect[options.newsid]; 27       this.setData({ 28  collected:newCollect 29  }) 30     }else{ 31       // 第一次進入,根本不存在數據
32       var newsCollect = {}; 33       // 我把當前唯一id扔到newsCollect對象中,然后默認指定false
34       newsCollect[options.newsid]=false; 35       // 扔到本地存儲中
36       wx.setStorageSync('newsCollect', newsCollect); 37  } 38  }, 39 
40   collectTap:function(event){ 41     // 獲取所有(注意,這是所有數據的集合)
42     var newsCollect = wx.getStorageSync('newsCollect'); 43     // console.log(this.data.newsid);
44     // 獲取單個(請求到onLoad里面不同生命周期的options.newsid)
45     var newCollect = newsCollect[this.data.newsid]; 46  console.log(newCollect); 47 
48     // 點擊時收藏則為不收藏,不收藏則為收藏
49     newCollect = !newCollect; 50 
51     // 更新一條數據的集合newCollect,更改所有數據的集合
52     
53 
54     // 更新到本地存儲中
55     newsCollect[this.data.newsid] = newCollect; 56     wx.setStorageSync('newsCollect', newsCollect); 57     
58     // 不知道視圖怎么改變
59     this.setData({ 60       // collected:newCollect
61       collected: newsCollect[this.data.newsid] 62  }); 63     var isStar = '../../images/isStar.png'; 64     var noStar ='../../images/noStar.png'; 65  wx.showToast({ 66      
67       title: newsCollect[this.data.newsid] ? "取消收藏" :"收藏成功!", 68       icon: 'success', 69       image: newsCollect[this.data.newsid] ?noStar:isStar, 70       duration: 800, 71       mask:true
72  }); 73  } 74 })
View Code

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM