微信小程序
M_SSY
菜鸟一个,平常会写一些小例子,我真是一个小可爱啊
展开
-
微信小程序获取元素的高度
var that = this var query = wx.createSelectorQuery(); query.select('.tab-list').boundingClientRect(); query.exec(function (res) { that.setData({ tabHeight: res[0].height }) });res里面的值:原创 2021-12-04 16:26:27 · 792 阅读 · 0 评论 -
微信小程序获取顶部状态栏和胶囊的高度
标红的部分,分别是导航栏和胶囊 //获取系统信息 wx.getSystemInfo({ success: res => { this.system = res } }) //获取胶囊信息 this.menu = wx.getMenuButtonBoundingClientRect()//胶囊的高度 this.systemBar = this.system.statusBarHeight//状态栏的高度...原创 2021-11-02 17:12:53 · 5330 阅读 · 1 评论 -
微信小程序 判断手机机型,iPhone X及以上机型留出底部空白
1.在app.js内判断App({ isIPhoneX: false, // 当前设备是否为 iPhone X kBottomSafeHeight: 0, // X 34 ,其余 0 // 判断设备是否为 iPhone X checkIsIPhoneX: function () { var that = this wx.getSystemInfo({ success: function (res) { var safeBottom =原创 2021-11-02 17:08:30 · 2336 阅读 · 0 评论 -
微信小程序路由跳转问题
学习小程序一周的时间总结一下遇到的点击跳转问题:1.wx.navigateTo 父子之间的跳转(跳转到第二个页面会显示回退的按钮)wx.navigateTo({ url: '../posts/posts'});2.wx.redirectTo 两个页面之间的平行跳转(属于页面关闭,卸载,跳转到第二个页面不会显示回退按钮)wx.redirectTo({ url: '../...原创 2018-09-11 16:08:33 · 1918 阅读 · 0 评论 -
微信小程序快捷创建一个新的文件夹里面包含wxml,wxss,json,js
在app.json里面的pages里直接写入你需要创建文件的名字,就可以直接在目录里面生成没写入之前:写入之后:写入直接按ctrl+s保存自动生成四个文件...原创 2018-09-11 16:26:37 · 5366 阅读 · 4 评论 -
微信小程序 单行文字上下滚动
index.wxml <swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000"> <block wx:for="{{msgList}}" wx:key="">原创 2019-02-21 14:09:28 · 3822 阅读 · 0 评论 -
微信小程序拖动滑块验证
index.wxml <movable-area class="content" style="width:{{area_width}}%"> 拖动滑块验证 <movable-view class='box' style='width:{{box_width}}rpx' friction="{{100}}" direction="horizontal" x...原创 2019-02-19 17:07:15 · 5836 阅读 · 2 评论 -
微信小程序 短信验证码倒计时
伸手拿...............................index.wxml<view class='register-box'> <view class='register-title'>欢迎注册员工福利平台</view> <view class='register-list'> <view class=...原创 2019-02-19 17:15:01 · 441 阅读 · 0 评论 -
微信小程序 tab切换展示不同的内容
index.wxml<view class='shopDetail-box'> <view class="tab-left" > <view class="{{tabArr.curHdIndex=='1'? 'active' : ''}}" id="1" data-id="1" bindtap="tab">人原创 2019-02-21 10:22:25 · 4137 阅读 · 3 评论