小程序
初学的小白一枚
这个作者很懒,什么都没留下…
展开
-
mpvue 使用ivew weapp modal組件 actions模式 点击 index 无法传递
在mpvue 开发中,我使用了iview weapp UI框架,但是在使用Modal 组件的时候 出了一个问题, 使用actions后,点击相应按钮,方法回调中,并没有index回调参数。于是开始排错:1. 确定语法是否写错。(小程序语法和vue语法有点差异)2. 增加断点,查看调用是否成功但是这些都没问题,于是开始疯狂百度,依然没有解决,后找到一篇文章mpvue - iview weapp click 获取不到index (i-model、acrion-sheet),依照文章内容进行修改...原创 2020-07-08 19:04:23 · 248 阅读 · 1 评论 -
open-type 头像 圆角问题
打开小程序,工具栏都会弹出这个提醒:也就是,默认不弹出授权询问框,默认获取不到用户信息(头像、昵称等)!如果你需要用到这个接口,可以尝试以下方法:1、用 button 组件,将属性名 open-type 设置为 getUserInfo 类型,来吊起授权窗口,获取用户基本信息<button open-type="getUserInfo" bindgetuserinfo="onGotUserInfo">授权用户信息</button>2、直接将...原创 2020-06-28 15:52:56 · 304 阅读 · 0 评论 -
微信小程序 不使用wx.getuserinfo 展示用户微信信息的方式 及 样式修改~
在微信小程序开发过程,我们都会获取当前登录用户微信信息作为个人中心展示信息,例如头像、昵称等。在这个时候,一般处理的方式都是调用API wx.getUserInfo 来获取,此时,便需要弹出用户授权后方可使用,在某方面来说,过于繁琐和用户体验感不是很好。 在微信小程序中,有一个开放功能 open-data 可以帮助我们跳过这些步骤后,显示头像、昵称。官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/compone...原创 2020-06-28 15:44:10 · 727 阅读 · 0 评论 -
flex布局中 子元素宽度超出父元素导致样式问题
近段时间,由于公司工作安排,一直没有时间更新博客,今天在写页面的时候,遇到了一些问题,做一下记录,话不多说开始。在现在的前端样式开发中,相信大家已经对flex布局不陌生了吧,在页面布局中,所谓方便快捷,但是在开发中,我遇到一个问题:就是在一个设置了 flex:1 的容器中,如果文字很长,这时候文字就会超出容器,而不是呆在设置好的动态剩余的空间中。由于实际项目的比较复杂,不好拿出来说,这里就把问题简化描述如下:界面代码 小程序css:使用的ui框架中的样式,设置不得换行,...原创 2020-06-27 14:21:15 · 11876 阅读 · 9 评论 -
微信小程序 使用iview weapp 的时候 input 坑~
在使用iview weapp 的input组件的时候 ,真机调试情况下,会出现无法输入的情况。只需要在组件中添加一个属性 maxlength="任意值(int)" 便可以进行输入...原创 2019-11-13 00:16:23 · 395 阅读 · 0 评论 -
微信小程序 swiper滑动出现无限滑动bug
这是发现的一个关于微信小程序 swiper 组件的bug, 以美团为例截图如下: 要解决这个bug 我们先需要看一下微信小程序的官方文档 关于swiper组件的介绍 https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html?search-key=bindanimationfinish 可以看到...原创 2018-09-30 16:32:03 · 6119 阅读 · 2 评论 -
JS 数组 按个数进行分组
今天我在做一个小程序轮播图的时候,因为要从scroll-view 转为 swiper 组件,之前scroll-view 组件的渲染数据 直接就是一个数组,当把scroll-view的宽度和内部item的宽度定好以后,就可以固定宽度中显示4条数据但是当我把scroll-view组件转为 swiper 组件 之后, 发现之前的数据模型在swiper 无法实现一个swiper-item中只有4条...原创 2019-05-24 15:02:28 · 4892 阅读 · 0 评论 -
微信小程序 自定义导航栏
微信小程序——自定义导航栏微信头部导航栏可能通过json配置:但是有时候我们项目需求可能需要自定义头部导航栏,如下图所示:现在具体说一下实现步骤及方法:步骤:1.在 app.json里面把"navigationStyle"设置为"custom"这样子之后就只会保留右上角胶囊按钮了。2.在app.js中通过wx.getSystemIn...原创 2019-05-23 15:02:31 · 1214 阅读 · 0 评论