小程序
祎祎呀
一个勤劳的码农,正义与邪恶的化身,程序的维护人员
展开
-
炒鸡简单的如何实现内容超过一定字数显示省略号
首先,我们先给元素一个class名,这里我们就姑且叫他text吧然后就用.text { width: 100px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}原创 2021-08-31 15:41:01 · 181 阅读 · 3 评论 -
微信更换头像和昵称,为什么登陆小程序会出现还是获取到的之前的头像和昵称?
呀呼,最近写项目时发现,如果用户在微信上面更换头像或者昵称,但是当你去登录小程序的时候,授权登录会发现,获取到的还是原来的头像和昵称,不要害怕,这是因为有大约四个小时的缓存,微信那边需要四个小时左右去更新缓存,但是如果非要较真的问,为啥要四个小时, 阿巴阿巴,这这这,我也不知道,我也是百度滴,知道的太多不好...原创 2021-08-17 13:35:46 · 6087 阅读 · 1 评论 -
微信小程序禁止页面左右滑动
小程序禁止页面左右滑动PS:在开发过程中可能会遇到某一个页面可以左右滑动,在开发者工具是不会出现左右滑动这个问题的,然后安卓上面也不会出现左右滑动,但是苹果测试机上面会出现屏幕左滑出现空白页问题解决方案1、页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box;2、直接给最外层的view设置一个overflow-x:hidden;3、在json文件里面加 "disableScroll":原创 2021-08-06 16:52:09 · 4707 阅读 · 3 评论 -
微信小程序底部tabBar如何解决跳转传参问题
微信小程序底部tabBar一般通过wx.switchTab进行跳转,但该api无法传参,如何解决传参问题?1、app.globalData全局变量进行传参第一步,我们在全局的app.js里面的globalData方法里面添加一个参数globalData: { preRoute: '', },2、我们在要用到的页面里面引入这个app.jsvar app = getApp()然后在要用到的地方调用这个参数app.preRoute=1然后跳转的页面判断这个参数的值就好啦但这种原创 2021-08-02 09:57:21 · 2626 阅读 · 0 评论 -
微信小程序获取上一个页面的地址
let pages = getCurrentPages(); //页面对象let prevpage = pages[pages.length - 2]; //上一个页面对象console.log(prevpage.route) //上一个页面路由地址let path = prevpage.route;console.log(path, ‘path’)原创 2021-07-23 16:28:49 · 1700 阅读 · 0 评论 -
微信小程序实现左右滑动 (无滚动条版的)
实现左右滑动的方法有很多,但是,今天展示一个最最简单版的,用css实现小程序左右滑动导航条css版超级简单实现导航条滚动给里层盒子设置:scroll-behavior:smooth; overflow-y:hidden;给最外层大盒子设置:class名 ::-webkit-scrollbar {display: none; /* 不显示滚动条 */} <!-- 滚动导航条 --> <view class="flex_m cursebox">原创 2021-06-09 13:51:52 · 2072 阅读 · 2 评论 -
小程序定义点击事件
bindtap 小程序定义点击事件 <view class="item-size-box-list" wx:for="{{item.childsCurGoods}}" wx:key="i" class="" bindtap="changeSize" wx:for-item="t" wx:for-index="i" data-index="{{index}}" data-id="{{t.id}}" class="{{sku[index].optionValueId==t.id?'color_原创 2021-04-20 22:01:01 · 310 阅读 · 0 评论 -
uniapp快速入门开发
uniapp快速入门一、uni-app简单介绍**什么是uni-app?**uni-app的优点二、如何创建uniapp项目1、安装HBuilderX2、如何在微信小程序里面跑起来3、官方提示三、学习框架1、项目结构介绍2、开发规范2.1 uni-app 约定的开发规范2.2 uni-app 开发的注意事项3、页面样式与布局(1)尺寸单位三,如何使用组件四、路由跳转1、uni.navigateTo(OBJECT)2、uni.redirectTo(OBJECT)3、uni.reLaunch(OBJECT)4、原创 2020-12-04 19:59:48 · 10296 阅读 · 8 评论 -
简述下wx.navigateTo , wx.redirectTo , wx.switchTab , wx.navigateBack , wx.reLaunch 的区别
一、 wx.switchTab()关闭所有页面,打开到应用内的某个页面wx.switchTab({ url: '/index'})二、 wx.redirectTo()关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面wx.redirectTo({ url: 'test?id=1'})三、 wx.navigateTo()保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面wx.navigateTo({ url: 'index'原创 2020-11-30 08:05:17 · 1722 阅读 · 1 评论