小程序 - 提示框

 

 

提示框就比较简单了！（UE）

 

 提示框：

 

 

 

 

var newsData = require('../../data/newsdata.js');
// pages/news/news-detail/news-detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 页面初始化options传递带过来的参数
    this.setData(newsData.initData[options.newsid]);
    this.setData({
      newsid:options.newsid
    });

    // 第一次进入的适合判断是否存在本地存储以及是否收藏
    var newsCollect =wx.getStorageSync('newsCollect');
    // 如果newsCollect存在,则代表以前收藏过或者是以前取消过收藏
    if(newsCollect){
      var newCollect = newsCollect[options.newsid];
      this.setData({
        collected:newCollect
      })
    }else{
      // 第一次进入，根本不存在数据
      var newsCollect = {};
      // 我把当前唯一id扔到newsCollect对象中，然后默认指定false
      newsCollect[options.newsid]=false;
      // 扔到本地存储中
      wx.setStorageSync('newsCollect', newsCollect);
    }
  },

  collectTap:function(event){
    // 获取所有(注意，这是所有数据的集合)
    var newsCollect = wx.getStorageSync('newsCollect');
    // console.log(this.data.newsid);
    // 获取单个(请求到onLoad里面不同生命周期的options.newsid)
    var newCollect = newsCollect[this.data.newsid];
    console.log(newCollect);

    // 点击时收藏则为不收藏，不收藏则为收藏
    newCollect = !newCollect;

    // 更新一条数据的集合newCollect，更改所有数据的集合
    

    // 更新到本地存储中
    newsCollect[this.data.newsid] = newCollect;
    wx.setStorageSync('newsCollect', newsCollect);
    
    // 不知道视图怎么改变
    this.setData({
      // collected:newCollect
      collected: newsCollect[this.data.newsid]
    });

    wx.showToast({
      title: newsCollect[this.data.newsid] ? "取消收藏" :"收藏成功！",
      icon: 'success',
      duration: 800,
      mask:true
    });
  }
})

 

如果我不想要默认的图片样式呢？

 

 

 

等一等，不对吧？ 我怎么收藏与不收藏都是那一个选项（for UE）？

 

 

 

 

 

不得不说，三目运算符，很好的帮我们解决了这些问题！

 

CODE

var newsData = require('../../data/newsdata.js');
// pages/news/news-detail/news-detail.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
  
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 页面初始化options传递带过来的参数
    this.setData(newsData.initData[options.newsid]);
    this.setData({
      newsid:options.newsid
    });

    // 第一次进入的适合判断是否存在本地存储以及是否收藏
    var newsCollect =wx.getStorageSync('newsCollect');
    // 如果newsCollect存在,则代表以前收藏过或者是以前取消过收藏
    if(newsCollect){
      var newCollect = newsCollect[options.newsid];
      this.setData({
        collected:newCollect
      })
    }else{
      // 第一次进入，根本不存在数据
      var newsCollect = {};
      // 我把当前唯一id扔到newsCollect对象中，然后默认指定false
      newsCollect[options.newsid]=false;
      // 扔到本地存储中
      wx.setStorageSync('newsCollect', newsCollect);
    }
  },

  collectTap:function(event){
    // 获取所有(注意，这是所有数据的集合)
    var newsCollect = wx.getStorageSync('newsCollect');
    // console.log(this.data.newsid);
    // 获取单个(请求到onLoad里面不同生命周期的options.newsid)
    var newCollect = newsCollect[this.data.newsid];
    console.log(newCollect);

    // 点击时收藏则为不收藏，不收藏则为收藏
    newCollect = !newCollect;

    // 更新一条数据的集合newCollect，更改所有数据的集合
    

    // 更新到本地存储中
    newsCollect[this.data.newsid] = newCollect;
    wx.setStorageSync('newsCollect', newsCollect);
    
    // 不知道视图怎么改变
    this.setData({
      // collected:newCollect
      collected: newsCollect[this.data.newsid]
    });
    var isStar = '../../images/isStar.png';
    var noStar ='../../images/noStar.png';
    wx.showToast({
     
      title: newsCollect[this.data.newsid] ? "取消收藏" :"收藏成功！",
      icon: 'success',
      image: newsCollect[this.data.newsid] ?noStar:isStar,
      duration: 800,
      mask:true
    });
  }
})