
微信小程序
shghnn
这个作者很懒,什么都没留下…
展开
-
微信小程序WXML页将字符串转换成数组并循环输出
话不多说,直接上代码:一、单独使用方法:1、在根目录utils页新建shghnn.wxs2、输入以下代码var toarray=function (value) { return value.split(",")}module.exports = { toarray: toarray};3、在需要使用的页顶部调用此文件<wxs module="shghnn" src="../../utils/shghnn.wxs"></wxs&g原创 2021-07-20 16:29:17 · 4093 阅读 · 0 评论 -
微信小程序控制富文本rich-text中的<img>标签自适应
小程序通过rich-text实现字符串转化为html,即 <rich-text node="{{html}}"></rich-text>。如果html字符串中含有img标签,并且img不能自适应,应该怎样解决呢??下面是解决方法两种方式:1、给img加个class,在app.wxss或page.wxss中指定样式。2、给img直接加style//首先通过将数据转化为json字符串 var jsonDa = JSON.stringify(res.data.d原创 2021-07-08 17:56:28 · 1487 阅读 · 0 评论 -
微信小程序:设置setStorageSync本地缓存时间
话不多说,直接上代码!以下是基本逻辑代码,可根据实际情况自行修改。var timestamp = Date.parse(new Date());var expiration = timestamp + 1800000; //缓存30分钟var data_expiration = wx.getStorageSync("data_expiration");if (data_expiration) { if (timestamp > data_expiration) { wx.cle原创 2021-07-06 14:40:49 · 3311 阅读 · 1 评论 -
微信小程序利用hidden点击显示和点击隐藏
view代码:<view bindtap="shghnn">点击显示/隐藏</view><view class="a" hidden="{{hiddenName}}">这里是受控制的区域</view>JS代码:data: { hiddenName:true },shghnn:function(){ this.setData({ hiddenName:!this.data.hiddenName })}.原创 2021-06-07 11:31:04 · 4482 阅读 · 1 评论 -
微信小程序实现常见弹出层效果
其实这个效果实现起来很简单,就是通过三目运算符来控制遮罩层的显示和隐藏直接贴代码wxml:<text class='rule' bindtap='showRule'>打开</text><!-- 规则提示 --><view class="ruleZhezhao {{isRuleTrue?'isRuleShow':'isRuleHide'}}"><image src='../../images/rule-hide.png' cl..转载 2021-03-12 10:45:05 · 1099 阅读 · 0 评论 -
微信小程序支付api-v3- PHP 完整后端代码
本人也是网上找的,踩坑太多了,唉,话不多说直接上代码,如需要完整版DEMO(包括小程序代码的API代码完整包,可进行下载)点击跳转到完整代码下载wxpay.php源码<?phpheader('Content-type:text/html; Charset=utf-8');ini_set('date.timezone','Asia/Shanghai');$data_s = file_get_contents('php://input');$data_s = json_decode($d转载 2021-03-09 10:38:42 · 2037 阅读 · 2 评论 -
微信小程序获取openid
直接写在app.js页即可//app.jsApp({ globalData:{ appid:'1111111111111111111',//appid需自己提供,此处的appid我随机编写 secret:'222222222222222222',//secret需自己提供,此处的secret我随机编写 }, onLaunch: function () { var that = this var user=wx.getSt原创 2021-03-06 15:59:47 · 283 阅读 · 0 评论 -
wx-wow微信小程序实现wow.js功能(微信小程序动效库)
该项目为提供微信小程序一套便捷好用的动画执行方案, 通过添加简单的动画类名和一些简单的参数,即可实现想要的动画效果。灵感来源 WOW.jswx-wow 需要 调试小程序基础库 >2.5先附上下载地址: 链接:https://pan.baidu.com/s/17V2Uk3TlxxzbUZZUgzPBEw 提取码:jqhx使用:将shghnn目录中的文件复制到微信小程序目录utils中(wxWOW.js,wxWOW.wxss,wxWOW.wxss)1. 在 app.js 中引...转载 2021-03-06 11:29:51 · 2268 阅读 · 1 评论 -
微信小程序tabBar实现拨打电话功能
方法,在需要此功能的tabBar页的js文件中写入一下代码:加入到page里即可//通过底部导航栏打电话 onTabItemTap: function (options) { wx.switchTab({ url: '/pages/index/index' }) wx.makePhoneCall({ phoneNumber: '400-0000-000' }) }...原创 2020-09-04 18:03:09 · 906 阅读 · 0 评论