
微信小程序
忍者1
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
你会实现一个微信小程序开关功能吗
wxml: <view > <button class="show" bindtap="onChangeShowState">{{showView?'隐藏':'显示'}}</button> </view> <view class="hide{{showView?'show':''}}"> <text class="text">我是被隐藏控件</text> </view> wxss: .h转载 2021-10-17 20:30:47 · 408 阅读 · 0 评论 -
了解一下微信小程序支付
立即支付 Page({ data: { txtOrderCode: '' }, pay: function () { var ordercode = this.data.txtOrderCode; wx.login({ success: function (res) { if (res.code) { wx.request({ url: 'https://www.yourdoma...转载 2021-10-17 20:01:25 · 89 阅读 · 0 评论 -
你会微信小程序自定义底部导航栏吗?
一、 在目录下创建文件如下图: tabbar.js: // pages/tabbar/tabbar.js const app = getApp(); Component({ /** 组件的属性列表 */ properties: { tabbar: { type: Object, value: { “backgroundColor”: “#ffffff”, “color”: “#333”, “selectedColor”: “#fca转载 2021-10-17 19:40:23 · 159 阅读 · 0 评论 -
了解过微信小程序手势滑动吗?
wxml: index.js: var touchStartX = 0;//触摸时的原点 var touchStartY = 0;//触摸时的原点 var time = 0;// 时间记录,用于滑动时且时间小于1s则执行左右滑动 var interval = “”;// 记录/清理时间记录 var touchMoveX = 0; // x轴方向移动的距离 var touchMoveY = 0; // y轴方向移动的距离 Page({ // 触摸开始事件 touchStart: function (e)转载 2021-10-17 19:07:49 · 151 阅读 · 0 评论 -
关于微信小程序过滤器filter的正确使用
第一步,在utils文件夹里新建一个filter.wxs文件 var replaceStar = function (index) { var a switch (index) { case '1': a = '出生时' break; case '2': a = '1月龄' break; case '3': a = '2月龄'转载 2021-10-17 12:30:09 · 1239 阅读 · 0 评论 -
关于微信小程序的富文本标签的开发环境使用
wxml下添加标签 <rich-text nodes="{{msg}}"></rich-text> js下加工数据 data: { msg:'' }, onLoad: function (options) { var that= this wx.request({ url: '', //仅为示例,并非真实的接口地址 method:'post', header: {转载 2021-10-17 12:00:48 · 134 阅读 · 0 评论 -
微信小程序多列表渲染数据开关互不影响
<!--pages/list/list.wxml--> <wxs src="../../utils/filter.wxs" module="filter" /> <view class="list"> <view wx:for="{{list}}" wx:key="{{index}}" class="ban" data-main='{{index}}'> <view class="time">{{filter.replace转载 2021-10-17 11:32:18 · 139 阅读 · 0 评论 -
关于微信小程序授权登陆及每次检查是否授权
授权登录 登录 //index.js //获取应用实例 var APPID =‘xxx’ var SECRET = ‘xxx’ const app = getApp() Page({ data: { list:[], userInfo:null }, //事件处理函数 onGotUserInfo:function (e) { if (e.detail.userInfo != undefined && app.globalData.isok == false) { console.log(e.转载 2021-10-17 11:05:00 · 900 阅读 · 0 评论 -
微信小程序实用代码段(持续更新中)
前言 排名不分先后,按自己的习惯来的。 总结经验,不喜勿喷哦~ 一、tab切换 tab1 tab2 Page({ data:{ // tab切换 currentTab: 0, }, swichNav: function (e) { var that = this; if (this.data.currentTab === e.target.dataset.current) { return false; } else { that.setData({ currentTab: e.target.dataset转载 2021-10-16 19:51:43 · 478 阅读 · 0 评论 -
关于微信小程序在app.js修改后的全局变量值在其他页面异步获取的问题
前言 虽然app.js先于index.js。但是修改app.js中的全局变量是异步请求,如果你想在index.js里获取app.js修改后的值,那么需要使用promise来实现异步。 //app.js App({ globalData: { userInfo: null }, // 检测授权 getauthor: function () { return new Promise((resolve, reject) => { wx.getSett转载 2021-10-16 19:23:02 · 939 阅读 · 0 评论 -
微信小程序解决swiper组件高度问题(可实现不同tab栏,swiper组件不同高度)
前言 我们经常会使用微信小程序自带的tab组件与swiper组件搭配来实现漂亮的tab切换页面,但是我们不得不承认swiper组件默认高度的确是很让我们头疼。那么下面我们来实现上图中根据不同的tab页面来使swiper页面动态的变换高度。 干货 wxml <!--index.wxml--> <view class="container"> <view class="tab-body" hover-class="none" hover-stop-propagation=转载 2021-10-16 19:06:04 · 909 阅读 · 0 评论