2019年07月_web16888

12月 11月 10月 07月 06月 05月 04月

原创微信小程序：选项卡切换内容效果

wxml：<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="tabNav"> <icon class="iconfont icon-zhoubianpeitao"...

2019-07-16 16:07:43 953

原创微信小程序自定义tabbar案例

微信小程序自定义tabbar案例界面：首页tab1页tab2页官方自定义tabbar的案例：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html?search-key=%E8%87%AA%E5%AE%9A%E4%B9%89tabb...

2019-07-16 14:39:25 2773

转载微信小程序：获取openid和session_key方法

//app.jsApp({ globalData: { appid: 'xxxx',//appid需自己提供，此处的appid我随机编写 secret: 'xxxx',//secret需自己提供，此处的secret我随机编写 }, onLaunch: function () { var that = this var user = wx.getSto...

2019-07-16 10:16:47 3969

原创微信小程序：地图导航

调用内联地图wxml：<button bindtap="daohang">地图导航</button>js：放入page中 daohang: function () { wx.getLocation({//获取当前经纬度 type: 'wgs84', //返回可以用于wx.openLocation的经纬度，官方提示bug: iOS...

2019-07-16 10:13:22 618

原创微信小程序：复制到剪贴板

微信小程序：复制到剪贴板wxml：<button bindtap="copyweixin">iujing20129</button>js：放入page中copyweixin: function () { wx.setClipboardData({ data: this.data.tel, success: funct...

2019-07-16 10:08:30 699

原创微信小程序：拨打电话

微信小程序：拨打电话wxml： <button bindtap="tel">13866668888</button>js：放入page中 tel: function () { wx.makePhoneCall({ phoneNumber: this.data.tel, }) },...

2019-07-16 10:04:50 1827

原创微信小程序：添加到手机通讯录

微信小程序：添加到手机通讯录 wxml： <button class="spbg" bindtap="addPhone">存入手机通讯录</button>js：放入page中addPhone: function () { let that=this; // 添加到手机通讯录 wx.addPho...

2019-07-16 09:44:30 5387 5

原创微信小程序：分享好友，调用分享功能

button组件自带了一些功能，分享这个功能也是自带的，如下：button的open-type属性将button的open-type属性设置为：share即可，这里注意：分享的图片内容是小程序自动截图当前页面生成的，如有用户隐私请做好隐藏。<button open-type='share'>分享好友</button>...

2019-07-16 09:37:51 17302 5

原创微信小程序：降低image层级，重叠排版方法

像这种怎样排版呢？一般的方法，是白底圆角矩形的“margin-top: -80rpx;”这样就达到白底圆角矩形上移，压在图片上的效果。但是微信小程序image层级很高，按照这种方法，显示的确实如下：微信小程序的文字跑image上了，白色圆角矩形跑image底下了，这种怎么处理叻？用它“display: inherit;”inherit 规定应该从父元素继承 d...

2019-07-16 09:26:03 11136 2