博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序 - 提示框
阅读量:7018 次
发布时间:2019-06-28

本文共 3774 字,大约阅读时间需要 12 分钟。

 

 

提示框就比较简单了!(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.newsid20     });21 22     // 第一次进入的适合判断是否存在本地存储以及是否收藏23     var newsCollect =wx.getStorageSync('newsCollect');24     // 如果newsCollect存在,则代表以前收藏过或者是以前取消过收藏25     if(newsCollect){26       var newCollect = newsCollect[options.newsid];27       this.setData({28         collected:newCollect29       })30     }else{31       // 第一次进入,根本不存在数据32       var newsCollect = {};33       // 我把当前唯一id扔到newsCollect对象中,然后默认指定false34       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:newCollect61       collected: newsCollect[this.data.newsid]62     });63 64     wx.showToast({65       title: newsCollect[this.data.newsid] ? "取消收藏" :"收藏成功!",66       icon: 'success',67       duration: 800,68       mask:true69     });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.newsid20     });21 22     // 第一次进入的适合判断是否存在本地存储以及是否收藏23     var newsCollect =wx.getStorageSync('newsCollect');24     // 如果newsCollect存在,则代表以前收藏过或者是以前取消过收藏25     if(newsCollect){26       var newCollect = newsCollect[options.newsid];27       this.setData({28         collected:newCollect29       })30     }else{31       // 第一次进入,根本不存在数据32       var newsCollect = {};33       // 我把当前唯一id扔到newsCollect对象中,然后默认指定false34       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:newCollect61       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:true72     });73   }74 })
View Code

 

转载地址:http://lczxl.baihongyu.com/

你可能感兴趣的文章
Java数据库连接池类源码
查看>>
SQL Server 中,实现 varbinary 与 varchar 类型之间的数据转换
查看>>
python脚本实现集群检测和管理
查看>>
glLoadIdentity
查看>>
xcode编译报错unknown error -1=ffffffffffffffff Command /bin/sh failed with exit code 1
查看>>
超详细cordova环境配置(windows)及实例
查看>>
N年的经验在别人眼里是怎么看的?
查看>>
3,ORM组件XCode(简介)
查看>>
头发与天空背景抠图
查看>>
使用NPOI从Excel中提取图片及图片位置信息
查看>>
[转] DateTime.Now.ToString()的较为全面的使用介绍
查看>>
开发silverlight下的xps浏览器,支持xps printer输出格式
查看>>
函数式编程(2) 高阶函数
查看>>
elixir mix 简介
查看>>
Android 调用浏览器和嵌入网页
查看>>
c#为了实现自己的线程池功能(一)
查看>>
C++:调整基类成员在派生类中的访问属性的其他方法(同名成员和访问声明)
查看>>
简单的取c#(flex)固定位数的随机数
查看>>
PHP全局变量
查看>>
ArcGIS API for Silverlight开发入门(4):用户与地理信息之间的桥梁--GraphicsLayer
查看>>