小程序笔记一 实现首页(图文)弹窗并且每天弹一次(若销毁后打开也弹)
说明一下咱也是菜鸟,请大虾勿喷,只在此之前也翻看了一些文档,经过挑挑拣拣,找出感觉相对简单点的,分享给大家使用。
废话不多说了,咱们直接看效果:
不好意思,下图失效了。
最新效果,请搜微信小程序: 呆小助
直接干小程序代码片
wxml代码
// wxml代码
<modal title="小新助手为主人服务" hidden="{{modalHidden}}" bindconfirm="modalConfirm" bindcancel="modalCandel">
<view>
<image class="image" src="../../images/xx.png" mode="widthFix" class="wParse-img"></image>
</view>
<view class="day_word">不定期修复BUG,记得分享!</view>
</modal>
js代码
//js代码
treeholebtn:function(e){
this.setData({
modalHidden: false
})
//首先获取是否执行过
wx.getStorage({
key: 'today',
success: function(res) {
//成功的话 说明之前执行过,再判断时间是否是当天
if (res.data && res.data != new Date().toLocaleDateString()) {
getApp().globalData.slogin = 0; //自定义要更改的变量 或者方法
}else{
getApp().globalData.slogin = 1; //自定义要更改的变量 或者方法
}
},
fail: function(res) {
//没有执行过的话 先存一下当前的执行时间
console.log(res);
getApp().globalData.slogin = 0; //自定义要更改的变量 或者方法
wx.setStorage("today", new Date().toLocaleDateString());
}//首先获取是否执行过
})
},
modalCandel: function () {
// do something
this.setData({
modalHidden: true
})
},
modalConfirm: function () {
// do something
this.setData({
modalHidden: true
})
},
//弹出来
wxss代码
// wxss代码
/*弹窗*/
.wParse-img{
width:100%;
margin:0.3em auto;
display: block;
position: relative;
}
.day_word{
text-indent:2em;
margin: 0.5em auto;
padding-bottom: 0.5em;
font-family:KaiTi;
}
参考:https://blog.csdn.net/qq_41851047/article/details/103168180
https://xygeng.cn/post/160.html