微信小程序
赏花赏景赏时光
这个作者很懒,什么都没留下…
展开
-
微信小程序下拉刷新界面
利用onPullDownRefresh函数设置下拉刷新功能一、在app.json中,将window选项中的enablePullDownRefresh设为true "window":{ "enablePullDownRefresh":true } 或者在要刷新的界面的XXX.json中设置enablePullDownRefresh设为true原创 2017-08-29 15:33:34 · 10386 阅读 · 0 评论 -
app.json中未配置
问题:app.json中未配置当前页面pages/main/mine/text请检查后重试,如下面所示: 但是在tabBar的list里面的确已经有定义了,代码如下:"tabBar": { "color": "#7A7E83", "selectedColor": "#3c...原创 2017-08-19 17:06:30 · 5118 阅读 · 0 评论 -
app.json Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[',']', got INVALID
控制台对app.json报错: VM1945:2 app.json Expecting 'STRING','NUMBER','NULL','TRUE','FALSE','{','[',']', got INVALID。app.json代码如下:{ "pages":[ "pages/main/simple/text", "pages/main/advanced/text", ...原创 2017-08-24 16:34:56 · 23814 阅读 · 3 评论 -
小程序组件居中问题
在小程序中实现居中的功能是经常用到的,比如在text组件中让文本内容在竖直(水平)方向自动居中、让图片显示在页面的中央等。使用弹性布局flex可以轻松搞定。对容器的display设为flex,如display:flex利用水平方向属性justify-content和竖直方向属性align-items实现水平居中、竖直居中、在中心显示。.wxml代码如下:<view> <te...原创 2017-08-26 16:29:23 · 5819 阅读 · 0 评论 -
微信小程序:button组件的边框设置
button的边框是用:after方式实现的,用户如果在button上定义边框会出现两条线,需用:after的方式去覆盖默认值。如果设置了Button的背景色,没有用:after设置边框的颜色,则button的四个角会出现模糊的尖角。如下图所示:如上图四个角会模糊。.wxss代码如下:.clickEncryptBtn{ width:130px; border-radius: 3px; ...原创 2017-08-30 16:52:37 · 28852 阅读 · 2 评论 -
对于console输出:xxx is not defined or is not a function的解析
1、如果console输出信息为“m is not defined”: 可能的问题是:m这个对象不存在,或者在用类或者id引用这个对象的时候,类名或者id名写错了。直白点就是要么该对象不存在, 要么是没有正确引用到该对象2、要是console输出信息是“ nnn is not a function ”, 但是在别的地方对nnn()的引用却是成功的,这有可能是在引用这个函数的时候,写函数...原创 2017-07-17 18:37:21 · 9301 阅读 · 0 评论 -
微信小程序Page中data数据操作和函数调用
微信小程序Page中data数据获取和设置一、Page中data数据的获取和设置:1、设置data数据 this.setData(object)setData() 参数格式:接受一个对象,以 key,value 的形式表示将 this.data 中的 key 对应的值改变成 value。其中 key 可以非常灵活,以数据 路径的形式给出,如 array[2].message,a.b.c.d,并且不...原创 2017-08-15 16:03:34 · 8664 阅读 · 0 评论 -
微信小程序中调用page中自定义的函数
微信小程序中调用page中自定义的函数如下所示,在函数中如果不加this的话控制台会报错:this.initalEncryptedInput(); onLoad:function(){ this.initalEncryptedInput(); }Page({ data: { encryption: "color: green; border-bottom-color: gre...原创 2017-08-15 16:33:47 · 29476 阅读 · 1 评论 -
微信小程序 报错:this.setData is not a function
微信小程序 报错:this.setData is not a function在page中定义的代码如下,代码会报错:this.setData is not a functionpasteEncryptedText:function(){ let decryptedPass = this.data.decryptedPassword; if (decryptedPass == ''...原创 2017-08-15 16:39:05 · 3601 阅读 · 0 评论 -
can not find xxx.json file,或者文件读取失败,请检查后重新编译。
一:微信小程序—未找到入口 app.json 文件,或者文件读取失败,请检查后重新编译。 原因:在微信开发者工具中打开的文件路径不对 如上面路径所示,pages文件夹上一个路径名时trunk,所以在微信开发者工具打开路径的最后一个文件夹是trunk在微信开发者工具打开的界面应该时这种形式: ...原创 2017-08-15 16:59:53 · 4158 阅读 · 0 评论 -
微信小程序真机预览跟本地不同的问题
真机跟本地样式不同: 情况一:可能使用了ios或安卓某一端不兼容的样式属性;目前编辑器检查越来越严格,标签不闭合可能导致一些奇怪的问题; 情况二:使用了开发工具内的压缩代码,样式自动补全等设置,这些设置有时候会存在BUG会导致一些css丢失等问题;可以在取消部分设置后重试; 情况三:颜色不对,或者设置颜色无效,请使用十六进制颜色码代替英文颜色;原创 2017-08-15 17:13:59 · 3089 阅读 · 1 评论 -
微信小程序中踩过的坑 input textarea swiper
微信小程序中踩过的坑1、input组件的问题: 在input聚焦期间,不能做css动画,否则input中的placeholder会错位 如果动画和聚焦都想要的话,那么可以在动画完成之后,在设置聚焦2、请勿在 scroll-view 中使用 textarea、map、canvas、video 组件 swiper和swiper-item是继承scroll-vie原创 2017-08-16 20:29:56 · 20716 阅读 · 2 评论 -
微信小程序中初始化完成自动切换到设定的tab页
我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。如果我们的小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),那么我们可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。在微信小程序中,我们想设置多tab页的话,可以通过在app.json中设置tabBar...原创 2017-08-24 15:11:39 · 11593 阅读 · 1 评论 -
微信小程序中,真机和模拟器效果不一样
问题:有时候,在模拟器上UI效果显示正常,但是在android上显示的UI布局就乱了。这其中一种可能是因为父组件设置了属性 box-sizing: border-box;子组件加起来的宽度超过了父组件的宽度,从而导致显示的效果是:父组件还是正常显示在原来设定的位置上,而子组件则往下移动了,导致UI变乱。按照常理,当子组件的宽度大于父组件的宽度,会把父容器这个盒子给撑大,但是在微信小程序中,父容器还...原创 2017-08-26 20:35:57 · 21313 阅读 · 0 评论 -
微信小程序获取openid中的问题
在官方文档中获取微信小程序openid的操作方法如下:主要是利用wx.login()和wx.request()函数,代码如下:onLaunch: function() { wx.login({ success: function (res) { if (res.code) { //发起网络请求 wx.request原创 2017-08-18 21:29:47 · 21130 阅读 · 0 评论