微信小程序开发
天下1281
这个作者很懒,什么都没留下…
展开
-
微信小程序开发(四)-条件渲染
这里先写一下布局的代码和js效果代码,细节有空再补充<!--index.wxml--><!--主页模块--><block wx:if="{{condition}}"> <view class="content"> <view class="current_box center"> <view class="current_city center"> <te原创 2017-06-19 00:15:53 · 2340 阅读 · 0 评论 -
微信小程序开发(五)-类似于tab切换
效果图和微信小程序图吧公交中的一样,只是样式不一样罢了,感兴趣的可以用自己的手机查看。 效果图如下: 还是和之前一样,主要分为三个模块,结构、样式、行为。 结构代码如下:<!--pages/route/route.wxml--><!--请输入公交路线模块--><block wx:if = "{{isSearch}}"> <view class="route_search_box c原创 2017-06-19 20:17:46 · 2623 阅读 · 0 评论 -
微信小程序开发(一)-简易教程
按照微信小程序的步骤,先搭建一个开发环境 看一下最开始的目录pagesindexindex.jsindex.jsonindex.wxmlindex.wxsslogslogs.jslog.jsonlog.wxmllog.wxssutilsutils.js app.js app.json app.wxss1.编写代码 1.1创建小程序实例 我们介绍一下上面文章的作用:原创 2017-06-13 17:51:41 · 3396 阅读 · 0 评论 -
微信小程序开发(三)- 显示 loading 提示框
首先看一张图片,就是要做成的效果。 当我们点击查询时,就会有一个请选择地点的弹出框。 这个状态我们只能去看微信开发文档了。 这个在API-界面-交互反馈-wx.hideLoading() 这个在主页面可以测试,然后给查询按钮添加事件。 什么是事件?事件是视图层到逻辑层的通讯方式事件可以将用户的行为反馈到逻辑层进行处理。事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事原创 2017-06-15 01:15:35 · 56711 阅读 · 0 评论