小程序笔记一 实现首页(图文)弹窗并且每天弹一次(若销毁后打开也弹)

说明一下咱也是菜鸟,请大虾勿喷,只在此之前也翻看了一些文档,经过挑挑拣拣,找出感觉相对简单点的,分享给大家使用。

废话不多说了,咱们直接看效果:

不好意思,下图失效了。
最新效果,请搜微信小程序: 呆小助

在这里插入图片描述

直接干小程序代码片

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

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值