小程序
斌道天下
这个作者很懒,什么都没留下…
展开
-
uniapp瀑布流,小程序瀑布流,非常简单适合全平台
例子一看就懂,思路在拿去写网页,写uniapp,写小程序都行CSS就是大盒子正常,里面套2个小盒子左右浮动的小盒子,然后左右俩盒子里商品也变成inline-block就行了。不用写任何JS!接口正常获取数据就行。全网最简单的!我也是找瀑布流半天没合适的,自己想出来的办法!重点是代码里那句判断v-if="index%2==0" 和v-if="index%2==1"我是用的uniapp写的,如果是写原生微信小程序瀑布流,直接把v-if="index%2==0 改成 wx-if=""<.原创 2022-02-17 23:45:05 · 1856 阅读 · 3 评论 -
uniapp或者小程序 onLoad 接收不到参数的处理办法
uniapp或者小程序 onLoad 接收不到参数的处理办法onLoad(options) {console.log('options',options);}这么打印options,显示是undefined 或者是空。接不到上个界面或者扫二维码进来的参数。可以用onLoad(options) {var pages = getCurrentPages();var page = pages[pages.length - 1];const opt= decodeU.原创 2021-11-23 16:43:31 · 8617 阅读 · 2 评论 -
bindGetUserInfo不弹窗了
<button open-type="getUserInfo"/>授权弹窗不弹了,没办法通过这个获取用户头像和姓名地址等信息了,用户信息换了新的接口getUserProfile腾讯公告https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801...原创 2021-04-12 15:01:48 · 1441 阅读 · 0 评论 -
小程序请求接口封装
1.新建一个req.js 储存封装2.页面调用req.js封装我判断的code==2时候跳转到登录界面。code==1弹出错误信息code==0 时候接口正常走。记得 resolve(res); 重要! req.js 文件const GET = 'GET';const POST = 'POST';const PUT = 'PUT';const FORM = 'FORM';const DELETE = 'DELETE';const baseURL = 'ht...原创 2021-11-23 16:37:07 · 595 阅读 · 0 评论 -
小程序多图转base64上传
小程序的多图上传我之前的文章写过。原理是直接用 wx.chooseImage 1.选择图片,2.微信把图片变成本地图,3.你拿这个本地路径给接口,接口给你张网络图路径。最近遇见一个需求是为了省服务器空间和带宽,需要把本地图转成base64再传给接口(下图是接口文档)。网上找了很多多图转base64,都是废话。所以自己写一个。老规矩,拿来可以直接用。效果图:代码:...原创 2019-03-16 11:52:01 · 668 阅读 · 0 评论 -
小程序到达顶部自动贴合
实现效果: 某个view开始是正常的一个view,滚动到顶部以后 加一个position: fixed; 属性。效果:(不会传动图,将就着看把,,哈哈哈哈)页面上滚,NAV贴合到顶部,滚回来以后取消贴合。 wxml:<view class='fixed-position'></view><view class="slider">...原创 2018-12-14 11:47:31 · 887 阅读 · 0 评论 -
小程序 点击返回顶部 的2种方法
1.适用场景: 页面没有使用scroll-view 组件(这个方法让我找了好久)wxml:(图片自己找把,我就不给了)<image src='{{img_url}}mp/backtotop@2x.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>wxss:.goT...原创 2018-12-14 11:01:14 · 2607 阅读 · 2 评论 -
小程序 canvas生成分享海报
成品效果图:将二维码和图片拼合到一张图上。各位可以扫下面小程序码体验一下。位置在小程序首页-右上角-生成海报。我做了图片切换。 <!--pages/test/canvas.wxml--><block wx:if="{{urls}} ===../../../images/qrbg.png"><image src='{{qrcode}}' cl...原创 2018-11-28 15:31:48 · 937 阅读 · 0 评论 -
小程序Page里的函数比app.js先执行的解决办法
app.js一般里面都写的wx.login函数。页面里的onload,onshow都写的接口。等数据。app.js不先执行,onload里面的数据就会因为没有获取到app.js里的东西而报错。解决方案:写一个回调函数,onload里获取不到东西就一直获取,不执行下一步操作。直到获取到app.js的数据才继续执行。下面,我把回调函数的关键代码及示例讲解一下。回调函数代码:app....原创 2018-11-15 10:29:05 · 15002 阅读 · 18 评论 -
小程序wx.request封装
小程序官方接口示例:wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' // 默认值 }, success: function(res) { consol...原创 2018-09-05 16:10:58 · 1940 阅读 · 2 评论 -
小程序密码输入框
小程序密码输入框。初始状态为input不能点击。点击input以后弹出键盘。输入框全部输入以后可以点击提交。 具体代码:<view class="Toptitle">请设置支付密码并妥善保管</view><form bindsubmit="formSubmit"> <view class='content'> ...原创 2018-08-17 10:11:06 · 9696 阅读 · 3 评论 -
小程序滑动切换页面
点击切换和滑动切换,只适用于上面导航个数固定的情况。比如2个,4个。如果导航个数不是死的,是接口出的,不知道有多少个。那请看我之前发的这个帖子 -----> 仿今日头条滑动切换 <view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data...原创 2018-08-07 16:34:04 · 4559 阅读 · 2 评论 -
小程序点击倒计时
var interval = null //倒计时函数Page({ data: { date:'请选择日期', fun_id:2, time: '获取验证码', //倒计时 currentTime:61 }, getCode: function (options){ var that = this; var currentTime...转载 2018-08-07 15:12:00 · 1244 阅读 · 0 评论 -
小程序 仿今日头条 带滑动切换的文章列表
拿别人仿今日头条的代码做的改版,首先感谢前辈。其次,这个代码虽然能用,但是js里还是存在一些BUG。希望后辈再做改版。wxml:<!--今日头条 --><view class="container"> <scroll-view class="navbar" scroll-x="true" scroll-left="{{scrollNavbarLe.原创 2018-07-19 09:41:23 · 3557 阅读 · 2 评论 -
小程序多图上传
小程序多图上传效果图WXML部分:upimg.png是一张+号图。x.png 是图片删除按钮。<!--图片上传--><view class='imgsbox'><view class="weui-uploader" style='display:{{none}}'> <view class="img-v"> <原创 2018-07-19 09:25:08 · 737 阅读 · 0 评论