微信小程序 - 随笔分类 - 玉思盈蝶

微信小程序技巧记录

摘要：1.直接在app.json中添加pages，会自动按照路径生成page目录文件； 2.动态修改样式：设置样式处： 3.下拉刷新，上拉加载： app.json设置enablePullDownRefresh：当前页设置enablePullDownRefresh为true。 js实现下拉刷新，上拉加载阅读全文

posted @ 2018-01-09 16:14 玉思盈蝶阅读(272) 评论(0) 推荐(0)

微信小程序--TabBar不出现

摘要：今天打算开始实战一个微信小程序项目，一开始就踩坑了，正确设置了TabBar，但是TabBar就是不能显示出来，后面才找到原因，这里记录下： app.json正确代码：这里注意显示解决有两种方式： 1.pages里的首个页面必须在list数组里有配置，所以在lists数组里加一个字典对象即可。但是阅读全文

posted @ 2018-01-09 09:09 玉思盈蝶阅读(3507) 评论(0) 推荐(0)

微信小程序实战

摘要：今天用微信小程序实战了一个简单的知乎几个页面，截图如下：首页：登录页：发现页：通知页：私信页：更多页： Demo地址： Github ： https://github.com/PengSiSi/weapp-wechat-PS_ZhiHu 感觉成就感好大，一起学习哇，一起交流😄 阅读全文

posted @ 2017-12-08 17:56 玉思盈蝶阅读(249) 评论(0) 推荐(0)

重新学习微信小程序

摘要：基础学习：传送门：http://www.jianshu.com/p/1cec15a81722 这个简书博客介绍的很详细，今天思思重新学习了一下。一路到最后只遇到一个坑，还是自己不仔细。这里记录下：登录页跳转到带Tab首页如下所示：忽略页面的美观哈，第一天只是学习下基础😄。。。。。。阅读全文

posted @ 2017-12-07 17:01 玉思盈蝶阅读(237) 评论(0) 推荐(0)

微信小程序组件篇实战

摘要：实现效果如下: 实现代码如下: index.wxml: index.wxss: 里面有设置相应代码注释哟!!!一起学习..加油!!! 阅读全文

posted @ 2017-02-25 16:59 玉思盈蝶阅读(236) 评论(0) 推荐(0)

操作反馈组件

摘要：1.action-sheet: 2.modal: 3.toast: 4.loading: 阅读全文

posted @ 2017-02-19 18:03 玉思盈蝶阅读(149) 评论(0) 推荐(0)

表单组件的学习

摘要：1.学习大纲: . 阅读全文

posted @ 2017-02-19 17:15 玉思盈蝶阅读(150) 评论(0) 推荐(0)

基础组件的学习

摘要：1.icon: 2.text: 文本。支持转义符"\"。 <text/> 组件内只支持 <text/> 嵌套。除了文本节点以外的其他节点都无法长按选中。 3.progress: 进度条注意:记得设置width,否则可能不显示进度条. progress { width: 400px; margi 阅读全文

posted @ 2017-02-19 16:49 玉思盈蝶阅读(169) 评论(0) 推荐(0)

视图容器组件使用

摘要：1.scroll-view 可滚动视图区域: index.wxml: index.wxss: 实现效果如下: 可以进行滚动. 2. 阅读全文

posted @ 2017-02-19 16:41 玉思盈蝶阅读(163) 评论(0) 推荐(0)

组件的学习

摘要：1.Swipe组件的学习: 注意要指定swipe的宽度,否则将不显示,因为默认width是0. 运行结果如下: 阅读全文

posted @ 2017-02-19 12:16 玉思盈蝶阅读(180) 评论(0) 推荐(0)

微信小程序UI学习

摘要：1.大纲: 2.flex的布局: 3.相对定位和绝对定位: position: relative 相对定位 position: absolute 绝对定位阅读全文

posted @ 2017-02-19 11:52 玉思盈蝶阅读(186) 评论(0) 推荐(0)

微信小程序的生命周期和APP对象的使用

摘要：1.生命周期和APP对象的使用: 进入前台: onShow() 进入后台: onHide() 可以设置全局的变量,后面页面要使用的时候可以直接得到app调用取得变量的值. 2.微信小程序页面的生命周期和参数传递: 启动页面调用的方法依次是: onLoad() onShow() onReady() 页阅读全文

posted @ 2017-02-19 08:47 玉思盈蝶阅读(303) 评论(0) 推荐(0)

微信小程序的配置详解

摘要：1.配置详解: 使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 1>pages 接受一个数组，每一项都是字符串，来指定小程序由哪些页面组成。每一项代表对应页面的【路径+文件名】信息，数组的第一项代表小程序的初始页面。小程序中新阅读全文

posted @ 2017-02-19 08:20 玉思盈蝶阅读(282) 评论(0) 推荐(0)

微信小程序事件

摘要：1.事件的类别: 2.事件的冒泡: 冒泡事件:点击子view,会触发父view和父view的父view <点击,长按,触摸事件都是冒泡事件,其余都是非冒泡事件> 非冒泡事件: 3.事件的绑定: bind绑定: 和他具有同样触发样式的组件都会触发事件. catch绑定:只有自身组件会触发事件. 4.事阅读全文

posted @ 2017-02-18 20:47 玉思盈蝶阅读(222) 评论(0) 推荐(0)

视图和渲染

摘要：1.创建界面和配置入口什么的就不说了,可以看我的第一篇微信小程序的博客... 还是截个主界面图片: 运行结果就是创建了两个按钮和一个文本: 2.数据绑定: <text>{{text}}</text> 在first.js文件里data下输入: text: "这是我的text内容",buttonText 阅读全文

posted @ 2017-02-18 20:27 玉思盈蝶阅读(191) 评论(0) 推荐(0)

微信小程序<一>

摘要：下面是我对自己微信小程序学习的画的一个思维导图: 以后就一步一步的完善思维导图吧...到最后,应该是相当的庞大了呀...嘿嘿嘿! 目录结构总结记录: 包括入口文件app.js app.json<必须要> 自建一个目录:index.js index.json index.wxml index.wxss 阅读全文

posted @ 2017-02-18 16:49 玉思盈蝶阅读(372) 评论(0) 推荐(0)

随笔分类 - 微信小程序